找不到模块“@angular-devkit/schematics/tasks”

Question

当我尝试添加@angular/material到我的项目时，出现此错误。
使用 Angular Cli：7.2.1，节点 11.6.0

找不到模块 '@angular-devkit/schematics/tasks'
   错误：
   在 Function.Module._resolveFilename (internal/modules /cjs/loader.js:603:15)
   处找不到模块 '@angular-devkit/schematics/tasks' Function.Module._load (internal/modules/cjs/loader.js:529:25)
   at Module.require (internal/modules/cjs/loader.js:657:17)
   at require (internal/modules/cjs/helpers. js:22:18)
   在对象。(/Users/ricardobaeza/Projects/node_modules/@angular/material/schematics/ng-add/index.js:10:17)
   在 Module._compile (internal/modules/cjs/loader.js:721:30)
   在 Object .Module._extensions..js (internal/modules/cjs/loader.js:732:10)
   在 Module.load (internal/modules/cjs/loader.js:620:32)
   在 tryModuleLoad (internal/modules/cjs/loader.js:560:12)
   在 Function.Module._load (internal/modules/cjs/loader.js:552:3)

Answer 1

这是因为您的node_modules不包含材料目录。

要将材质添加到您的 node_modules 中，请运行以下命令

npm install --save @angular/material @angular/cdk @angular/animations hammerjs

在此之后，您可以运行以下命令

ng add @angular/material

Answer 2

您的@angular/material命令当前未安装所有依赖项，为什么会抛出错误尝试运行@angular/material @angular/cdk @angular/animations安装角度材料。

对于旧版本使用：-

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

对于最新版本使用：-

ng add @angular/material

有关更多信息，请访问角材料的官方网站https://material.angular.io/guide/getting-started

The ng add command will install Angular Material, the Component Dev Kit (CDK), Angular Animations and ask you the following questions to determine which features to include

编辑：修复了 npm install 命令的破折号