延迟加载 Angular 模块时编译停止了 70%

Question

我正在尝试在我的应用程序中实现延迟加载。但在添加以下代码片段后，编译停止在 70%。

>

 {
    path: 'sandbox',
    resolve: { lang: LocaleService },
    loadChildren: './SANDBOX/sandbox.module#SandBoxModule'
  },

之前我用过这个：

{
    path: 'sandbox',
    resolve: { lang: LocaleService },
    loadChildren: ()=>SandBoxModule
  }

Answer 1

您正在使用 angular 的延迟加载模块概念。

解决：{ lang: LocaleService }

您需要将此解析与加载组件一起使用，而不是对模块加载使用解析。在这个模块的路由文件中定义 resolve 'SandBoxModule' 然后尝试运行.

Answer 2

终于可以解决了。多版本 webpack 的一些问题。删除了 package.json 中的那个，它起作用了。

Compilation stops a 70% while lazily loading an Angular Module