Error while Lazy Loading Angular Modules With MVC5 Application

1
votes

I am building MVC5 application with Angular 5 and I am using Angular Cli to create angular app.

The problem is that the application is running on port 7076 while angular app using angular cli using a port 4200. When I run the MVC application everything work fine except lazy loaded module. For all *.chunk.js files the browser looks those file directly in the application root directory, whereas these files are under /dist/ directory.

How can we make the *.chunk.js files be loaded from dist folder?

1
asp.net-mvcangularangular-cli
Set up your server so that he reads your dist file. - user4676340
@trichetriche: Already all the *.bundle.js files are referred from dist folder. But the *.module.chunk.js files are generated for lazy loaded modules. And these *.module.chunk.js files are referred from directly the solution. So what configuration/setting is required to refer the *.module.chunk.js files from /dist/ folder - Quest
All of your built files will be in the dist folder. Per definition, you can simply take that dist folder, and move it around : that's like a .jar in Java or a .exe in Windows. If your files aren't in it, don't seek how to put them in it : seek why they aren't in it. - user4676340
@trichetriche: The question is why the lazy loaded module files *.module.chunk.js files are not referenced from dist folder. All other bundles like vendor.bundle.js etc are referenced from dist folder but not chunk files. How can we make the chunk files load from dist folder - Quest
I'm telling you they are. I have 6 lazy loaded modules on my current project, so I am pretty sure they are. That's why I'm telling you, find out why they're not in your dist folder on your side. - user4676340

1 Answers

3
votes

I've read the above, realize this is an old question, but it's unresolved so trying to give an answer that helps who is facing similar issue.

To read lazy loading chunk files from 'dist' folder you need to set 'deployUrl' property from angular.json (Angular CLI) file.

"deployUrl" : "dist/",

Please make sure "/" should be there at end of dist folder path or url.