I did ng build -prod and met a weird error that is _zone_symbol__error :
Error: Uncaught (in promise): Error: Runtime compiler is not loaded Error: Runtime compiler is not loaded at d (http://localhost:4200/polyfills.cd321326a3dfc08ceb46.bund I am not using the compiler manually in my app. And the weirdest is that the error seems to come from the polyfills. How can i solve this?
In my case it works to disable Ahead-of-Time compilation for the build
ng build -prod --aot=false This way the source is still packed and uglyfied and Just-in-Time compiler is included.
main.bundle js file is smaller than when using aot compilation but vendor.bundle js increases by approx 1,5 MB.
This happens in @angular/cli@1.0.0-rc.2 when doing a production build (ng build -prod) while using the compiler class in your code.
To replace the compiler you'll want to use "dynamic component creation". See this SO:
.
I was able to rid this by comparing my @angular/cli@1.0.0-rc2 project to a freshly scaffolded CLI project and noticed that polyfills.ts wasn't imported anywhere except in .angular-cli.json
For example, I was importing polyfills.ts in main.ts
import 'polyfills.ts'; // Remove this line import { enableProdMode } from '@angular/core'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; import { environment } from './environments/environment'; if (environment.production) { enableProdMode(); } platformBrowserDynamic().bootstrapModule(AppModule); Polyfill.ts only need be in .angular-cli.json here:
... "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", ... Duplicate: