代码之家 › 专栏 › 技术社区 › Pankaj Parkar charlietfl

在集合“@角度/材质”中未找到“MaterialDashboard”示意图

angular-material angular

Pankaj Parkar charlietfl · 技术社区 · 6 年前

我试图使用以下命令创建仪表板:

ng generate @angular/material:materialDashboard --name myDashboard

当我执行命令时,它导致了一个错误:

Schematic "materialDashboard" not found in collection
"@angular/material". Error: Schematic "materialDashboard" not found in
collection "@angular/material".
  at SchematicEngine.createSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular-devkit/schematics/src/engine/engine.js:155:23)
  at CollectionImpl.createSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular-devkit/schematics/src/engine/collection.js:12:29)
  at Object.getSchematic (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/utilities/schematics.js:36:23)
  at GenerateCommand.getOptions (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/models/schematic-command.js:194:40)
  at GenerateCommand.<anonymous> (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:38:53)
  at Generator.next (<anonymous>)
  at /Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:7:71
  at new Promise (<anonymous>)
  at __awaiter (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:3:12)
  at GenerateCommand.initialize (/Users/xyx/Desktop/Git/question-authoring-platform/node_modules/@angular/cli/commands/generate.js:30:16)

我也试过其他命令 myTable 和 matNavbar

ng generate @angular/material:materialNavbar --name matNavbar
ng generate @angular/material:materialTable --name myTable

上述两个命令也发生了同样的错误。我遗漏了什么吗?

3 回复 | 直到 6 年前

Pankaj Parkar charlietfl 6 年前

调查发现,用于生成 materialShell ,请 materialDashboard 我是说, materialNav 和 materialTable 已从中删除 schematics/collection.json 属于 @angular/material 是的。相反,当你使用它时,你只能使用烤肉串的形式。

materialShell => material-shell
materialDashboard => material-dashboard
materialNav => material-nav
materialTable => material-table

Commit Here

所以不要像这样使用旧的命令

ng generate @angular/material:materialNav --name my-navbar

使用

ng generate @angular/material:material-nav --name my-navbar

xploshioOn 6 年前

在官方文件中

安装示意图

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>

Aleksey K. 6 年前

您可以使用以下方法安装它:
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