Angular-cli serve and build in production doesn't work

[vforv]

Getting this error:

Uncaught Error: No NgModule metadata found for 'function (){}'.
    at e.resolve (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e.getNgModuleMetadata (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e._loadModules (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e._compileModuleAndComponents (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e.compileModuleAsync (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e.compileModuleAsync (main.1dbec60982a3a45e41ef.bundle.js:1)
    at e.LMZF.e.bootstrapModule (main.1dbec60982a3a45e41ef.bundle.js:1)
    at Object.cDNt (main.1dbec60982a3a45e41ef.bundle.js:1)
    at o (inline.5cae597ddde847d4cf3a.bundle.js:1)
    at Object.0 (main.1dbec60982a3a45e41ef.bundle.js:1)
e.resolve @ main.1dbec60982a3a45e41ef.bundle.js:1
e.getNgModuleMetadata @ main.1dbec60982a3a45e41ef.bundle.js:1
e._loadModules @ main.1dbec60982a3a45e41ef.bundle.js:1
e._compileModuleAndComponents @ main.1dbec60982a3a45e41ef.bundle.js:1
e.compileModuleAsync @ main.1dbec60982a3a45e41ef.bundle.js:1
e.compileModuleAsync @ main.1dbec60982a3a45e41ef.bundle.js:1
LMZF.e.bootstrapModule @ main.1dbec60982a3a45e41ef.bundle.js:1
cDNt @ main.1dbec60982a3a45e41ef.bundle.js:1
o @ inline.5cae597ddde847d4cf3a.bundle.js:1
0 @ main.1dbec60982a3a45e41ef.bundle.js:1
o @ inline.5cae597ddde847d4cf3a.bundle.js:1
window.webpackJsonp @ inline.5cae597ddde847d4cf3a.bundle.js:1
(anonymous) @ main.1dbec60982a3a45e41ef.bundle.js:1

What can be a problem? Everything works fine if I don't add Universal,,,
Also when will ng serve be supported for server lot of time is passed still no support for universal....

[Alekcei]

--no-build-optimizer not working in @angular/cli:1.6.2. But if use @angular/cli:1.5.0 then all Ok
#8728

[vforv]

I tried to downgrade version but it does not solve the problem:

Uncaught Error: Unexpected value 'e' imported by the module 'function (){}'. Please add a @NgModule annotation.
    at H (main.9b708fc781e8713ad255.bundle.js:1)
    at main.9b708fc781e8713ad255.bundle.js:1
    at Array.forEach (<anonymous>)
    at e.getNgModuleMetadata (main.9b708fc781e8713ad255.bundle.js:1)
    at e._loadModules (main.9b708fc781e8713ad255.bundle.js:1)
    at e._compileModuleAndComponents (main.9b708fc781e8713ad255.bundle.js:1)
    at e.compileModuleAsync (main.9b708fc781e8713ad255.bundle.js:1)
    at e.compileModuleAsync (main.9b708fc781e8713ad255.bundle.js:1)
    at e.bootstrapModule (main.9b708fc781e8713ad255.bundle.js:1)
    at Object.cDNt (main.9b708fc781e8713ad255.bundle.js:1)

[Alekcei]

ng build --prod --no-build-optimizer

[Alekcei]

or ./node_modules/.bin/ng --prod --no-build-optimizer
and verify ./node_modules/.bin/ng -v

[vforv]

It's even worse... The application just freezes after a run... I am using Angular Universal as well, I have no problem if I run just ng serve.

Angular CLI: 1.5.0
Node: 6.11.2
OS: linux x64
Angular: 5.1.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

@angular/cli: 1.5.0
@angular-devkit/build-optimizer: 0.0.36
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.42
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.8.0
@schematics/angular: 0.1.11
@schematics/schematics: 0.0.11
typescript: 2.4.2
webpack: 3.8.1

I followed this tutorial:
https://malcoded.com/posts/angular-fundamentals-universal-server-side-rendering

It is probably some bug with bundling on the client side...

[wartab]

This has probably to do with the issue addressed in #8997 (comment) (this leads to a comment for a temporary solution as well).

[Alekcei]

@wartab I am added npm i uglify-es@3.2.2 --save-exact and not working in @angular/cli:1.6.2. but @angular/cli:1.5.0. build successful.
Flag --no-build-optimizer not working
I do not see a connection with the topic #8997 (comment)

[vforv]

Found what causing the problem:

In tut, tsconfig for browser looks like this:

{
    "extends": "../tsconfig.json",
    "angularCompilerOptions": {
        "entryModule": "./app/browser.app.module#BrowserAppModule"
    },
    "exclude": ["test.ts", "**/*.spec.ts"]
}

But it should be:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

But I am not sure why tsc accepting lazy load for the server like this:

{
    "extends": "../tsconfig.json",
    "angularCompilerOptions": {
        "entryModule": "./app/server.app.module#ServerAppModule"
    },
    "exclude": []
}

But not for browser...

[Alekcei]

@vforv problem resolved for @angular/cli:1.6.2. and @angular/cli:1.5.0 ?

[vforv]

Yes I am using @angular/cli:1.6.2

[Alekcei]

What did you do to make the mistake disappear? add entryModule?