Getting Error in lazy loading : It seems ng2-opd-popup-sample is importing BrowserModule

[nileshyadav326]

ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead. Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

[nileshyadav326]

fixed anyone can use download this module.

https://drive.google.com/open?id=1d49CCmOKxO9up5Ja4mz8lVDO2q_Jo-_P

[quan-shi-au]

Thanks for a lot for fixing it @nileshyadav326 . But it only works for development build not production build.

it works if I run "ng build", but I got same error if I run "ng build --prod"

[nileshyadav326]

can you share the screenshot of error?

[quan-shi-au]

Environment and settings:

• Angular 4
• Lazy loading enabled.
• PopupModule.forRoot() is put into imports for 2 lazy loaded modules.

Following are the steps:

• npm install ng2-opd-popup
• removed modules folder under ng2-opd-popup
• Add following into tsconfig.app.json
  "paths": { "@angular/": [ "../node_modules/@angular/" ] }
• overwrite ng2-opd-popup folder with the files your provided.
• it works with "ng serve"
• when I run "ng build --prod", and deploy with iis. I get following error when start the web site.

[gtreminio]

Hi @nileshyadav326. Do you have an update on this? I´m seeing the same error mentioned above running in --prod mode. Appreciate your help.

[gtreminio]

I manage to fix it by changing: "arguments":[{"imports":[{"symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule"}] to: "arguments":[{"imports":[{"symbolic":"reference","module":"@angular/common","name":"CommonModule"}]

in popup.module.metadata.json