为什么 Angular 13 webpack 构建失败？答案

【问题标题】：Why does Angular 13 webpack build fail?为什么 Angular 13 webpack 构建失败？
【发布时间】：2022-07-12 20:05:41
【问题描述】：

我目前正在尝试将应用程序从 Angular 12 迁移到 13 。我在 package.json (devDependecies) 中使用 webpack 4.43.0：

"webpack": "^4.43.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0",
"webpack-merge": "^4.1.2"

我已手动将所有必需的库迁移到其相应的版本 13，然后当我运行 npm run start（start 是应用程序中的脚本）以在应用程序中转译和提供代码时，我不断得到以下错误：

ERROR in ./node_modules/@angular/common/fesm2015/http.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\Kunal\node_modules\@angular\common\fesm2015'

ERROR in ./node_modules/@angular/forms/fesm2015/forms.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\Kunal\node_modules\@angular\forms\fesm2015'

ERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\Kunal\node_modules\@angular\platform-browser-dynamic\fesm2015'

ERROR in ./node_modules/@angular/platform-browser/fesm2015/platform-browser.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\Kunal\node_modules\@angular\platform-browser\fesm2015'

ERROR in ./node_modules/@angular/router/fesm2015/router.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:\Kunal\node_modules\@angular\router\fesm2015'

ERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs
Module not found: Error: Can't resolve '@angular/compiler' in 'C:\Kunal\node_modules\@angular\platform-browser-dynamic\fesm2015'

-------- etc.

我不明白我在这里做错了什么。有人可以建议我在这里应该做什么吗？

注意：我的节点版本是：16.13.0，npm 版本是：8.1.0

【问题讨论】：

标签： angular-cli webpack-4 angular13

【解决方案1】：

根据 Angular 团队，webpack 4 与 Angular 13 不兼容。我们迁移到 webpack 5 并解决了这个问题。

参考：https://github.com/angular/angular/issues/46795

【讨论】：