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

Question

當我嘗試將@angular/material添加到我的項目時，出現此錯誤。
使用 Angular Cli：7.2.1，節點 11.6.0

找不到模塊“@angular-devkit/schematics/tasks”
錯誤：找不到模塊“@angular-devkit/schematics/tasks”
在 Function.Module._resolveFilename (internal/modules /cjs/loader.js:603:15)
在 Function.Module._load (internal/modules/cjs/loader.js:529:25)
在 Module.require (internal/modules/cjs/loader.js:657:17)
在要求（內部/模塊/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 install angular material。

對於舊版本使用：-

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 命令的破折號

Answer 3

我有同樣的問題，我從頭開始構建項目。 對我來說，我做錯的是我試圖跑步

ng add @angular/material

在運行之前

npm install

一旦我首先運行“ npm install ”然后嘗試安裝材料，一切都開始正確安裝，沒有任何問題。 這是一個非常愚蠢的基本錯誤，對於像我這樣的初學者來說值得注意:)

Answer 4

您應該嘗試以下命令：

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