'ng add @angular/material' 产生错误，为什么？

Question

当我尝试使用ng add命令安装角材料组件时，package already installed出现错误。

$ ng add @angular/material
跳过安装：包已经安装

找不到模块 '@angular-devkit/schematics/tasks'
错误：
在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
处找不到模块 '@angular-devkit/schematics/tasks' Function.Module._load (internal/modules/cjs/loader.js:506:25)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (internal/modules/cjs/helpers. js:20:18)
在对象。(C:\Users\emilbonnek\node_modules@angular\material\schematics\ng-add\index.js:10:17)
在 Module._compile (internal/modules/cjs/loader.js:688:30)
在 Object. Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader .js:537:12)
在 Function.Module._load (internal/modules/cjs/loader.js:529:3)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (internal/modules/cjs/helpers .js:20:18
)
在 NodeModulesEngineHost._resolveReferenceString (C :\Users\emilbonnek\Documents\private\ultimating\node_modules@angular-devkit\schematics\tools\node-module-engine-host.js:94:21)
在 NodeModulesEngineHost.createSchematicDescription(C:\Users\emilbonnek\Documents\ private\ultimating\node_modules@angular-devkit\schematics\tools\file-system-engine-host-base.js:179:34)
在 SchematicEngine.createSchematic (C:\Users\emilbonnek\Documents\private\ultimating\node_modules@angular-devkit\schematics\src\engine\engine.js:219:38)

我无权访问任何模块，所以我不认为这是因为该包已经安装，但也可能是我对原理图有一些误解。

我使用的是 Angular CLI 版本 8.0.3，对于 devkit/core 和 devkit/schematics 也是如此。我完全确定我在正确的目录中运行命令。

为什么命令没有按预期执行？任何帮助表示赞赏。

Answer 1

我在使用最新版本的 Material UI 和 Angular CLI 时也遇到了这个问题。我只能在手动安装材料后运行 add 命令，如上面提到的@Aj1：

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

Answer 2

我猜你的node_modules有问题，因为它没有找到@angular-devkit/schematics/tasks. 我会清理它并重新安装以避免出现任何意外问题，然后重试。

采用原理图范式意味着我们不再package.json直接编辑，而是仅使用ng add和ng update，但正如 Aj1 所说，有时安装包并运行原理图之后就可以了。