问题
ng serve
Module build Failed: Error: AotPlugin was detected but it was an instance of the wrong class.
完整错误报告日志
- ERROR in ./src/main.ts
- Module build Failed: Error: AotPlugin was detected but it was an instance of the wrong class.
- This likely means you have several @ngtools/webpack packages installed. You can check this with `npm ls @ngtools/webpack`,and then remove the extra copies.
- at Object.ngcLoader
- (D:\testingapp\node_modules\@ngtools\webpack\src\loader.js:358:19)
- @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
npm ls @ngtools/webpack
- testingapp@0.0.0 D:\testingapp
- +-- @angular/cli@1.2.6
- | `-- @ngtools/webpack@1.5.5
- `-- angular-cli@1.0.0-beta.28.3
- `-- @ngtools/webpack@1.5.1
npm cache verify
仍然存在问题.
>任何建议都是最受欢迎的.
运行ng弹出并尝试运行我的业力测试后,这个问题出现了.
即使我不认为这是一个最佳解决方案,我通过以下方式解决了这个问题：
>删除@ ngtools / webpack
$npm remove –save @ ngtools / webpack
>在我的webpack.config.js中要求@ ngtools / webpack是@ angular / cli的子依赖项
- // webpack.config.js
- //
- // Other require statements
- const { AotPlugin } =
- require('./node_modules/@angular/cli/node_modules/@ngtools/webpack');
/ *
*更改装载机
/ *
- module.exports = {
- // ...
- "module": {
- "rules": {
- // ...
- {
- "test": /\.ts$/,/* REMOVE: "loader": "@ngtools/webpack",*/
- "loader":
- "./node_modules/@angular/cli/node_modules/@ngtools/webpack"
- }
- }
- // ...
- }
- }
