模块构建失败：错误：检测到 AotPlugin 但它是错误类的实例答案

【问题标题】：Module build failed: Error: AotPlugin was detected but it was an instance of the wrong class模块构建失败：错误：检测到 AotPlugin 但它是错误类的实例
【发布时间】：2018-02-21 15:20:51
【问题描述】：

我尝试将 webpack 升级到最新版本，因为在运行 Angular 应用程序时，旧版本中的实时重新加载存在问题。在前面的场景中，一切正常，我只是在实时重新加载时遇到了问题。所以我把它升级到了webpack老版本的issue里说的最新版本的webpack。

所以当我将它升级到最新版本时。我现在在运行 ng serve 时遇到了这个错误。

./src/main.ts 中的错误模块构建失败：错误：AotPlugin 是检测到但它是错误类的一个实例。这可能意味着你已经安装了几个 @ngtools/webpack 包。你可以检查这与npm ls @ngtools/webpack，然后删除多余的副本。在 Object.ngcLoader (/home/jayzdevera/Documents/ad-fingerprinting/web/node_modules/@ngtools/webpack/src/loader.js:430:19) @multi webpack-dev-server/client?http://localhost:4200./src/main.ts ./src/polyfills.ts 中的错误模块构建失败：错误：AotPlugin 是检测到但它是错误类的一个实例。这可能意味着你已经安装了几个 @ngtools/webpack 包。你可以检查这与npm ls @ngtools/webpack，然后删除多余的副本。在 Object.ngcLoader (/home/jayzdevera/Documents/ad-fingerprinting/web/node_modules/@ngtools/webpack/src/loader.js:430:19) @multi ./src/polyfills.ts

npm ls @ngtools/webpack

@angular/cli@1.3.2
│ └── @ngtools/webpack@1.6.2 
└── @ngtools/webpack@1.6.2

我使用的是 Ubuntu 16.04

如果有人可以提供帮助，请不胜感激。提前致谢。

【问题讨论】：

标签： javascript node.js angular typescript

【解决方案1】：

我最近在@angular/cli@1.4.9 和@ngtools/webpack@1.7.4 遇到了类似的问题

├─┬ @angular/cli@1.4.9
│ └── @ngtools/webpack@1.7.4
└── @ngtools/webpack@1.7.4

按照此处的说明进行操作https://github.com/angular/angular-cli/wiki/stories-1.0-update

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli

npm uninstall -g @angular/cli
npm uninstall --save-dev @angular/cli 

rm -rf node_modules dist
npm cache clean

npm install -g @angular/cli@latest
npm install --save-dev @angular/cli@latest
npm install

【讨论】：