Angular 5 application works with prod build, but not the dev build

Question

I've got an angular 5 application, all of the polyfills are enabled to work with IE, and I'm targeting es5 and not es6. Everything works fine with a prod build, but with the dev build it fails to get past 'loading...' in IE. No errors appear in the console. What is different with ng serve --prod vs. just a ng serve that is preventing IE from running the application?

have you tried with other browsers (for instance chrome)? ng serve --prod IIRC also enable AOT. — Massimo Costa
chrome has worked fine the whole time, with just ng serve and ng serve --prod. It was just IE that would not work with a simple ng serve. After doing ng serve --aot=true IE started to work — Kevin

Massimo Costa Massimo Costa · Accepted Answer · 2018-08-17T21:28:24

the cli doc says

ES2015 support.

To build in ES2015 mode, edit ./tsconfig.json to use "target": "es2015" (instead of es5).

This will cause application TypeScript and Uglify be output as ES2015, and third party libraries to be loaded through the es2015 entry in package.json if available.

Be aware that JIT does not support ES2015 and so you should build/serve your app with --aot. See https://github.com/angular/angular-cli/issues/7797 for details.

are you sure about the tsconfig.json file?

Angular 5 application works with prod build, but not the dev build

1 Answers