升级到 angular 5 后 webpack 命令失败

Question

我的项目是运行在 dot net core 2.0 和 angular 4.2 上。我将它更新到最新的 angular (5.0.0)。从那时起，startup.cs Configure 方法中的这一行抛出异常。

 app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions
 {
     HotModuleReplacement = true
 });

此处因错误而失败

Error: Version of @angular/compiler-cli needs to be 2.3.1 or greater. 
Current version is "5.0.0".
at Object.<anonymous> (D:\Personal\Code\PettlyUi\PettlyUi\node_modules\@ngtools\webpack\src\index.js:27:11)
at Module._compile (module.js:641:30)
at Object.Module._extensions..js (module.js:652:10)

我也从命令行使用 webpack 时抛出相同的错误。

我也对新项目进行了同样的尝试，但始终失败。这是什么bug还是我没更新好

用于升级的命令：

npm install @angular/common@latest @angular/compiler@latest 
@angular/compiler-cli@latest @angular/core@latest @angular/forms@latest 
@angular/http@latest @angular/platform-browser@latest @angular/platform-
browser-dynamic@latest @angular/platform-server@latest 
@angular/router@latest @angular/animations@latest typescript@latest

Answer 1

因为没有答案，我会写下解决我问题的方法

可能会出现此问题，因为 Angular 已更新到版本 5.0.0，但 ngtools 仍然较旧。这会导致 webpack 命令失败。使用此命令将 webpack 更新到最新版本，

npm install --save-dev @ngtools/webpack@latest

该错误错误地尝试指向旧的 compiler-cli 版本，显然不是这种情况。

升级到 angular 5 后 webpack 命令失败

After upgrading to angular 5 webpack command is failing

visual-studio

webpack

asp.net-core

angular

angular5