Error Loading Chunk and Unexpected Token '<' on Google Chrome
I am running an Angular 6 application with Node.js as a backend. I am experiencing an odd error that only occurs in Google Chrome:
Uncaught SyntaxError: Unexpected Token '<' Error: Uncaught (in promise): Error: Loading chunk # failed.
At seemingly random points in my application for only some of my users, this error appears (and each user has a different chunk number that appears, a chunk between 1 to 18). Some users can log in to my application then run into a "chunk 12 failed" code, and others can't log in and run into a "chunk 16 failed" code. This would happen whenever a new route would be attempted to be opened (what I mean is going from www.website.com/dashboard to www.website.com/forms).
I have attempted to clear cookies from Chrome's cache, but that did not get rid of the error. My application does not get this error when running on Internet Explorer or Firefox, so it's apparently a Chrome-only bug. I also read on another Stack Overflow issue that the issue might be related to a dependency called Webpack, so I tried updating that and a bunch of other modules, but the error still occurs.
One user discovered that this bug can be bypassed by simply opening the route in a new tab. I can't figure out why that would solve the problem, but changing routes from the same tab would not work. Any help would be appreciated!