AngularCLI and Angular Material (schematics) error: Collection "@angular/material" cannot be resolved

Question

我正在尝试使用 this page. 上显示的 Angular 架构当我尝试在项目根目录的终端中使用以下命令时 ng generate @angular/material:material-nav --name name-of-new-nav，我得到以下红色错误，

Collection "@angular/material" cannot be resolved. Error: Collection "@angular/material" cannot be resolved. at NodeModulesEngineHost._resolveCollectionPath (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/tools/node-module-engine-host.js:88:15) at NodeModulesEngineHost.createCollectionDescription (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/tools/file-system-engine-host-base.js:106:27) at SchematicEngine._createCollectionDescription (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/src/engine/engine.js:78:40) at SchematicEngine.createCollection (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/src/engine/engine.js:71:43) at Object.getCollection (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/utilities/schematics.js:28:31) at GenerateCommand.getOptions (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/models/schematic-command.js:193:41) at GenerateCommand. (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/commands/generate.js:38:53) at Generator.next () at /Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/commands/generate.js:7:71 at new Promise ()

如何让它工作？

信息：Angular CLI：6.0.8

Answer 1

好像坏了，临时解决方案，使用以下版本

ng add @angular/material@6.2.1

Answer 2

尝试以下命令，它对我有用：

npm install --save @angular/material@6.2.1 @angular/cdk@6.2.1

ng add @angular/material@6.2.1

Answer 3

您可以使用以下方式安装它：
ng generate @angular/material:dashboard --name myDashboard

对于其他组件，它将是：
ng generate @angular/material:nav --name myNav
ng generate @angular/material:table --name myTable

有关您可以在文件中找到的其他组件原理图的信息，位于：
/node_modules/@angular/material/schematics/collection.json

Answer 4

我就是这样工作的(from docs)

ng add @angular/material

ng generate @angular/material:material-nav --name <component-name>

ng generate @angular/material:material-dashboard --name <component-name>

ng generate @angular/material:material-table --name <component-name>

Angular6.4.7

Answer 5

错误是由于 Angular Material 7. 只需运行在您的终端中输入以下命令添加 @angular/material@6.2.1

Answer 6

我发现你的语法有误：ng generate @angular/material:nav <name-of-new-nav>.

AngularCLI and Angular Material (schematics) error: Collection "@angular/material" cannot be resolved

AngularCLI and Angular Material (schematics) error: Collection "@angular/material" cannot be resolved

angular-material

angular

angular-cli-v6