I'm using Angular elements to build a web component that should be exported to any other website. There are a few components that should be lazy-loaded but I keep getting Chunk Load Error.
I'm using ngx-element for lazy loading and used the basic configuration. When I run the Angular app it works fine; however, the issue happens when I use my element in another app.
So I build the Angular Elements app and serve it using http-server at port 1014. The component loads up but when I try to load the lazy-loaded component I get a Chunk load error
It's looking for the chunk under port 8080 when it should be looking for it under port 1014. I tried using APP_BASE_HREF like so in the providers of app module.
{
provide: APP_BASE_HREF,
useValue: 'localhost:1014/elements',
},
This didn't work at all and I still get the chunk load error.