带有@ngtools/webpack 的 Angular 延迟加载在 webpack 中不起作用

如何解决带有@ngtools/webpack 的 Angular 延迟加载在 webpack 中不起作用

懒惰模块正在急切加载，没有为懒惰模块创建单独的块

我创建了一个 repo 来重现问题

1.克隆https://github.com/sameerthekhans/lazy-load-angular-webpack-temp.git

2.npm i

3.npm start

4.Output - 在 dist 中没有创建块文件并且模块在浏览器中被急切地加载

附加信息
我使用了所有最新版本的依赖项 Angular - 11.1.1、Webpack - 5 等等...
*另请注意，我没有使用 angular-router-loader，因为使用了 @ngtools/webpack。

解决方法

主要问题是您在 tsconfig 中定义了 module: "commonjs"。 commonjs 不尊重动态导入语法。例如，您需要将其更改为 module: "ESNext"。