Angular 6 | Webpack Production Build Error

Question

quick breakdown:

• Upgraded my Angular 5 application to Angular 6. • Installed rxjs 6 & rxjs-compat 6 • Build using Webpack. • Dev build works fine. • Production build yields the following error:

ERROR in chunk app [entry] bundle.js /Users/Usr_Mac/Desktop/Angular/node_modules/@angular/core/fesm5/core.js RuntimeTemplate.moduleId(): Module /Users/Usr_Mac/Desktop/Angular/node_modules/rxjs/_esm5/internal/Observable.jshas no id. This should not happen.

Answer 1

This was a webpack bug - I had this issue at webpack 4.10.1. Upgrading to 4.10.2 fixed it.

https://github.com/webpack/webpack/issues/7443