找不到模块'@schemics/angular/utility/project'答案

【问题标题】：Cannot find module '@schematics/angular/utility/project'找不到模块'@schemics/angular/utility/project'
【发布时间】：2020-11-05 01:51:53
【问题描述】：

如果我这样做离子生成组件 xxx

发生未处理的异常：找不到模块“@schematics/angular/utility/project” 需要堆栈：

/Users/user/develop/myapp/node_modules/@ionic/angular-toolkit/schematics/component/index.js
/Users/user/develop/myapp/node_modules/@angular-devkit/schematics/tools/export-ref.js
/Users/user/develop/myapp/node_modules/@angular-devkit/schematics/tools/index.js
/Users/user/develop/myapp/node_modules/@angular/cli/utilities/json-schema.js
/Users/user/develop/myapp/node_modules/@angular/cli/models/command-runner.js
/Users/user/develop/myapp/node_modules/@angular/cli/lib/cli/index.js
/Users/user/develop/myapp/node_modules/@angular/cli/lib/init.js

/Users/user/develop/myapp/node_modules/@angular/cli/bin/ng

离子：

 Ionic CLI                     : 6.10.1 (/usr/local/lib/node_modules/@ionic/cli)
 Ionic Framework               : @ionic/angular 5.2.3
 @angular-devkit/build-angular : 0.1000.2
 @angular-devkit/schematics    : 10.0.2
 @angular/cli                  : 10.0.2
 @ionic/angular-toolkit        : 2.2.0

电容器：

 Capacitor CLI   : 2.1.2
 @capacitor/core : 2.1.2

科尔多瓦：

 Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
 Cordova Platforms : android 8.1.0
 Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 7 other plugins)

实用程序：

 cordova-res : not installed
 native-run  : not installed

系统：

 ios-sim : 8.0.2
 NodeJS  : v12.18.1 (/usr/local/bin/node)
 npm     : 6.14.6
 OS      : macOS Catalina
 Xcode   : Xcode 11.5 Build version 11E608c

【问题讨论】：

标签： javascript angular ionic-framework ionic-native

【解决方案1】：

似乎是 ionic 与 angular 10+

不兼容

这对我有用

npm uninstall @schematics/angular
npm install @schematics/angular@9.1.0

【讨论】：

在带有 Angular 9.1.10 的 Ionic 5 上也有这个问题，这对我也有用。谢谢！

【解决方案2】：

您可以先执行 npm uninstall @schematics/angular 和 TERMINAL 通知“已删除 XX 包和已审核的 XXXX 包”等，然后您可以执行 npm install @schematics/angular@9.1.0。

相应地，ng add ngx-bootstrap 提供：

✅️添加了“引导程序”

✅️ 添加了“ngx-bootstrap”

【讨论】：

【解决方案3】：

在我的情况下是这样的：

"@ionic/angular-toolkit": "^2.3.3"

而不是“^2.2.0”

我的 Angular：10.1.4。

我通过在将 Ionic CLI 升级到最新版本后创建新的 Ionic 项目发现了这一点。

【讨论】：

【解决方案4】：

问题是原理图模块不兼容。

找出@schematics/angular 的版本

node_modules/@schematics/angular/package.json/#_from

找出在@ionic/angular-toolkit 模块中使用的@schematics/angular 的版本。

node_modules/@ionic/angular-toolkit/package.json

// package.json 

"dependencies": {
    "@schematics/angular": "^11.2.4",  
}

确保版本匹配。
如果版本不匹配，则安装匹配版本的@schematics/angular。
祝你有美好的一天！

【讨论】：

【解决方案5】：

这对我有用。

npm i --save-dev @nativescript/schematics

【讨论】：