Angular 延遲加載在帶有@ngtools/webpack 的 webpack 中不起作用

Question

懶惰的模塊正在急切地加載，沒有為懶惰的模塊創建單獨的塊

我創建了一個 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 。

Answer 1

主要問題是在您的 tsconfig 中定義了module: "commonjs" 。 commonjs 不尊重動態導入語法。 您需要將其更改為module: "ESNext"例如。