Webpacker: Webpacker with Angular 4 Problem - Uncaught Error: Zone already loaded.

[ncnthuy2]

Hi,

Currently, I'm using webpacker with Rails to use AngularV4 in my website.
In the homepage, I include a pack: ng_toppage.js.
My homepage URL is: /index, when it has /index/# and click on button back of browser, the error has appeared.

Please help me!
Regards.

[gauravtiwari]

Are you loading zone.js twice? Probably related to this - https://github.com/angular/zone.js/issues/405

[ncnthuy2]

@gauravtiwari Thanks for your help, I have used Common Chunks and fixed the problem!

[gauravtiwari]

@ncnthuy Yepp that's good way to solve vendor lib duplication 👍

[pankajhirway]

@ncnthuy Hi, Can you please help me out how you managed to fix your issue ?

[DrewLandgrave]

@pankajhirway for me in my test.ts file I had set up I was doing import 'zone.js/dist/zone' and that was causing my error

[patelneel1994]

Removing that import worked...

[rahuljograna]

This is the problem of new firebase update, here is a solution for this error

* Step: 1* Install the lower version of firebase using this command

npm install [email protected]

* Step: 2*

npm install

Try.

[kapilraghuwanshi]

Not working any solution provided. Please help someone.

[vedhaperi]

1. remove 'import 'zone.js/dist/zone' in your test.ts. If that does not solve the problem, try 2.

2. //remove this or similar line from your index.html.

   In your case, you might have to look for 'ng_toppage' or the file indicated in the error (search in your index.html file) and remove the line.