Chunk file error in lazy loading

[Asadullah213]

Describe the bug
I have implemented lazy loading in my new app. It is creating the app with its lazy load chunk file. But when I click the link, it gives error message "Error: Uncaught (in promise): ChunkLoadError: Loading chunk projects_app4_src_app_component-two_component-two_module_ts failed."

Expected behavior
It should run the same way as app1 uses lazy loading on the user component

Screenshots

• OS: [Windows 10]
• Browser [chrome]

[walkerkay]

What is your angular version? Can you provide a demo？

[Asadullah213]

Angular version 12

[why520crazy]

it is a bug when one sub app enable lazy module and sandbox, you can set sandbox to "false" try it?

[why520crazy]

Possible reasons for this error are as follows:

1. optimization.runtimeChunk is not set or set to true;
2. vendorChunk of app's serve in angular.json set to true
3. deploy-url is not set or set incorrectly, if app name is "app2" and route prefix is app2, should set it to /static/app2/ that same as proxy.conf.js, thestatic is a prefix that distinguished from router, it can be set to any value.

PROXY_CONFIG['/static/app2'] = {
    target: 'http://localhost:3002',
    secure: false,
    changeOrigin: true
};

Angular CLI deploy-url is deprecated for ng build and removed for ng serve in version 13, so need to use serve-path instead for ng serve and use output.publicPath instead for lazy load.

[qyjs]

Angular version 14

Describe the bug
I have implemented lazy loading in my new app. It is creating the app with its lazy load chunk file. But when I click the link, it gives error message "Error: Uncaught (in promise): ChunkLoadError: Loading chunk projects_app4_src_app_component-two_component-two_module_ts failed."

Expected behavior
It should run the same way as app1 uses lazy loading on the user component

Error: Uncaught (in promise): ChunkLoadError: Loading chunk projects_app1_src_app_user_user_module_ts failed.