錯誤：找不到模塊“@angular-devkit/schematics”和找不到模塊“@angular-devkit/schematics”

Question

當我嘗試生成角度材料數據表時，出現以下錯誤。 請指導我解決此錯誤。

用於生成數據表的 ng 命令：

ng g @angular/material:material-table --name=data-table

執行上面的 ng 命令后，我的終端出現以下錯誤

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

Error: Cannot find module '@angular-devkit/schematics'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
    at Function.Module._load (internal/modules/cjs/loader.js:529:25)
    at Module.require (internal/modules/cjs/loader.js:658:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (C:\Users\Lenovo\my-wks\meanStackDemo\node_modules\@angular\material\schematics\ng-generate\table\index.js:10:22)

請分享您的建議或指導以解決此問題。 謝謝。

節日快樂：：-）

Answer 1

當我嘗試將角度材料安裝到我的項目時，我遇到了同樣的錯誤

在角度 7 中找不到模塊“@angular-devkit/schematics/tasks”

所以我做了

npm i @angular-devkit/schematics
npm i @angular-devkit/core

它解決了問題。

Answer 2

最后我從這個錯誤中得到了打擊結論。

1 確保以下命令是否在正確的目錄中執行。

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

對於我的案例“C:\Users\Lenovo\my-wks\meanStackDemo\contacts>”——正確的路徑

'C:\Users\Lenovo\my-wks\meanStackDemo>'--之前的錯誤路徑

現在我可以使用下面的命令生成數據表組件' ng g @angular/material:material-table --name=data-table '

謝謝 rvkant。 您的解釋對於理解問題非常有用。再次感謝。

Answer 3

根據材料設計文檔

Blockquote Schematics 包含在@angular/cdk 和@angular/material 中。 安裝 npm 包后，它們將可以通過 Angular CLI 使用。

使用下面的命令將在您的項目中安裝 Angular Material、Component Dev Kit (CDK) 和 Angular Animations。 然后它將運行安裝示意圖。

ng add @angular/material

然后使用以下命令生成數據表組件

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

Answer 4

您的@angular/material命令當前未安裝所有依賴項，這就是它拋出錯誤的原因。

嘗試運行

npm i @angular/material @angular/cdk @angular/animations

現在再次安裝角材料。