角延迟加载:loadChildren的不同行为

问题描述

伙计们,我在启用了延迟加载的模块下方有一个角度应用程序。

CoreModule,(在应用模块中导入)
SharedModule,(在每个模块中导入)
ProjectsModule,
AuthModule

这是我的应用程序路由模块:

    { path: "",redirectTo: "auth/sign-in",pathMatch: "full" },// { path: "auth",loadChildren: () => AuthModule },// Bundled in main js file
{ path: "auth",loadChildren: () => import("@core/auth/auth.module").then(p => p.AuthModule) },{ path: "projects",loadChildren: () => import("@projects/projects.module").then(p => p.ProjectsModule) }

在根应用程序路由模块中使用动态导入语法时,在浏览器中获取的javascript捆绑包如下:(刷新/ auth / sign-in)

  • core-auth-auth-module.js
  • default〜core-auth-auth-module〜projects-projects-module.js
  • projects-projects-module.js(预加载)

1-那么模块1和2到底是什么?

然后,当我在loadchildren上使用函数语法时,前两个模块不会在浏览器中加载。

2-有什么区别?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)