build on angular 5 with errors for production but developer mode works fine

[Widrogo]

Bug Report or Feature Request (mark with an x)

• bug report -> please search issues before submitting
• feature request

Versions.

Angular CLI: 1.5.0
Node: 8.9.1
OS: win32 x64
Angular: 5.0.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

angular/cli: 1.5.0
angular-devkit/build-optimizer: 0.0.32
angular-devkit/core: 0.0.20
angular-devkit/schematics: 0.0.35
ngtools/json-schema: 1.1.0
ngtools/webpack: 1.8.0
schematics/angular: 0.1.2
typescript: 2.4.2
webpack: 3.8.1

Repro steps.

https://github.com/Widrogo/cakephp3-angular5

The project is quite new I just put a template, change what is necessary to use it with angular 5 and with ng serve me it runs without any error.

When I made the build for production it generates errors, it is because I use a modified modernizr script cakephp3-angular5/src/assets/js/modernizr.custom.32033.js it is just declared on angular-cli.json

Uncaught TypeError: Cannot read property 'html5' of undefined
at scripts.b43496ed343a01b5b3b7.bundle.js:11
at scripts.b43496ed343a01b5b3b7.bundle.js:11
at scripts.b43496ed343a01b5b3b7.bundle.js:11

I'm sure that the build causes problems because this is the only file that I handle html5 and debugging is the error here when I run the build.

For build test with different commands:

ng build --prod
ng build --prod --aot
ng build --prod --aot
ng build --prod --aot --base-href ./

And test the app with this:
ng serve --prod
give the same error that build for produccion

The log given by the failure.

Desired functionality.

I just want the build to work or production mode where it fails

Mention any other details that might be useful.

I'm using a modernzr modefied
https://stackoverflow.com/questions/47226546/modernizr-with-the-build-on-angular-5

[monoflash]

+1

On my project, In the production mode, all forms, made on the basis of FormControl FormGroup, don't working, without error, returning empty values.

It is very shame to do not test the angular before publishing to the world!

[gozzoo]

+1 with angular 5.2 - forms have empty values

@monoflash, have you found a workaround?

[tonype]

@gozzoo What version is your CLI? Just ran into this, updating to CLI 1.6.4 seemed to fix it.

[gozzoo]

@monoflash yes for me too. thanks anyways.

[janosfarkas]

+1
in development mode everything works fine, but in production some pages doesn't render, and it prints out to the console this:

ERROR Error: Uncaught (in promise): TypeError: I.a.merge is not a function

TypeError: I.a.merge is not a function
    at n.init (main.d43128a28b4131a72b5b.bundle.js:1)
    at new n (main.d43128a28b4131a72b5b.bundle.js:1)
    at co (main.d43128a28b4131a72b5b.bundle.js:1)
    at io (main.d43128a28b4131a72b5b.bundle.js:1)
    at Uo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Qo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Zo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Uo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Qo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Zo (main.d43128a28b4131a72b5b.bundle.js:1)
    at n.init (main.d43128a28b4131a72b5b.bundle.js:1)
    at new n (main.d43128a28b4131a72b5b.bundle.js:1)
    at co (main.d43128a28b4131a72b5b.bundle.js:1)
    at io (main.d43128a28b4131a72b5b.bundle.js:1)
    at Uo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Qo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Zo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Uo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Qo (main.d43128a28b4131a72b5b.bundle.js:1)
    at Zo (main.d43128a28b4131a72b5b.bundle.js:1)
    at v (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at v (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at polyfills.9f81ca5a629ad134b6f8.bundle.js:1
    at t.invokeTask (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at Object.onInvokeTask (main.d43128a28b4131a72b5b.bundle.js:1)
    at t.invokeTask (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at n.runTask (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at h (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at n.invokeTask [as invoke] (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
    at f (polyfills.9f81ca5a629ad134b6f8.bundle.js:1)
In @ main.d43128a28b4131a72b5b.bundle.js:1

[Bulinlinbu]

+1
Basic TypeErrors like :
ERROR in src\app\app.component.html(1,8): : Property '_connected' is protected and only accessible within class 'AppComponent' and its subclasses.
appear only when build prod

CLI 1.6.4

Same thing happen before in #5620 ?

[AlainLavoie1]

+1
in development mode everything works fine, but in production pages doesn't render all, and it prints out to the console this:

ERROR TypeError: T.a.merge is not a function
    at e.subscribeEvents (0.f529074cf8b4f36dbf99.chunk.js:1)
    at new e (0.f529074cf8b4f36dbf99.chunk.js:1)
    at vo (main.372a11c5aeacdc513273.bundle.js:1)
    at fo (main.372a11c5aeacdc513273.bundle.js:1)
    at Ko (main.372a11c5aeacdc513273.bundle.js:1)
    at Object.Ho [as createEmbeddedView] (main.372a11c5aeacdc513273.bundle.js:1)
    at t.createEmbeddedView (main.372a11c5aeacdc513273.bundle.js:1)
    at e.createEmbeddedView (main.372a11c5aeacdc513273.bundle.js:1)
    at e._updateView (main.372a11c5aeacdc513273.bundle.js:1)
    at e.set [as ngIf] (main.372a11c5aeacdc513273.bundle.js:1)

*** Found out my error was related to RxJS 5.5 and higher with Kendo-ui for angular
https://github.com/telerik/kendo-angular/issues/1244