错误:找不到模块“ @ angular-devkit / schematics”和找不到模块“ @ angular-devkit / schematics”

Kam*_*n.M 3 angular-material angular

当我尝试生成角度材料数据表时,出现错误。请指导我解决此错误。

ng命令用于生成数据表:

ng g @angular/material:material-table --name=data-table
Run Code Online (Sandbox Code Playgroud)

执行完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)
Run Code Online (Sandbox Code Playgroud)

请分享您的建议或指导以解决此问题。谢谢 。

节日快乐!:-)

小智 14

当我尝试将角材料安装到我的项目时,我遇到了同样的错误

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

所以我做了

npm i @angular-devkit/schematics
npm i @angular-devkit/core
Run Code Online (Sandbox Code Playgroud)

它解决了这个问题。

  • 修复了从 8 更新到 9.0 时出现的错误,另请参阅 https://github.com/angular/angular-cli/issues/16392 (4认同)

Kam*_*n.M 6

最终,我从这个错误中得出了结论。

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!您的解释对于理解该问题非常有用。再次感谢。


小智 3

根据材料设计文档

@Angular/cdk 和 @Angular/Material 中均包含 Blockquote 原理图。安装 npm 包后,即可通过 Angular CLI 使用它们。

使用下面的命令将在您的项目中安装 Angular Material、组件开发工具包 (CDK) 和 Angular 动画。然后它将运行安装原理图。

ng add @angular/material

然后使用以下命令生成数据表组件

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

  • 您好 rvkant,感谢您的回复。但我无法执行上面的命令。我收到 'C:\Users\Lenovo\my-wks\meanStackDemo\contacts&gt;ng add @angular/material 通过 npm 安装工具包。无法找到模块“@angular-devkit/schematics/tasks”错误:无法在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15) 处找到模块“@angular-devkit/schematics/tasks” Function.Module._load(内部/模块/cjs/loader.js:529:25)在Module.require(内部/模块/cjs/loader.js:658:17)' (2认同)