为什么Angular 13的webpack构建失败?

Question

我正在尝试将一个应用程序从Angular 12迁移到Angular 13。我在包中使用webpack4.43.0。json (devdependencies):

"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脚本程序中)transpile和服务应用程序中的代码,我得到以下错误:

ERROR in ./node_modules/@angular/common/fesm2015/http.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:Kunalnode_modules@angularcommonfesm2015'
ERROR in ./node_modules/@angular/forms/fesm2015/forms.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:Kunalnode_modules@angularformsfesm2015'
ERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:Kunalnode_modules@angularplatform-browser-dynamicfesm2015'
ERROR in ./node_modules/@angular/platform-browser/fesm2015/platform-browser.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:Kunalnode_modules@angularplatform-browserfesm2015'
ERROR in ./node_modules/@angular/router/fesm2015/router.mjs
Module not found: Error: Can't resolve '@angular/common' in 'C:Kunalnode_modules@angularrouterfesm2015'
ERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs
Module not found: Error: Can't resolve '@angular/compiler' in 'C:Kunalnode_modules@angularplatform-browser-dynamicfesm2015'
-------- etc.

我不明白我在这里做错了什么。谁能告诉我在这里该做些什么?

注意:我的节点版本是:16.13.0,npm版本是:8.1.0

Answer 1

根据angular团队的说法，webpack 4与angular 13不兼容。我们搬到了webpack 5,解决这一问题。

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