Angular 2 - 未找到模块:错误:无法解析' @ angular / material'

时间:2017-02-17 10:14:19

标签: angular material-design

我按照此处描述的每个步骤操作:https://material.angular.io/guide/getting-started

我遇到错误

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/material' in '/Users/isabelle/my-project/src/app'
@ ./src/app/app.module.ts 14:0-51
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200/ ./src/main.ts

我做了什么

 npm install -g @angular/cli
 ng new my-project
 npm install --save @angular/material

在src / app / app.module.ts

import { MaterialModule } from '@angular/material';

// other imports 
@NgModule({
imports: [MaterialModule],
...
})

export class PizzaPartyAppModule { }

9 个答案:

答案 0 :(得分:14)

我再次执行了该命令,一切顺利

npm install --save @angular/material

答案 1 :(得分:8)

npm install --save @ angular / material

npm install --save @ angular / cdk

重启dev服务器

(通常控制台会告诉你何时有依赖关系,请注意它)

答案 2 :(得分:1)

只需将其添加到您的项目中

ng add @angular/material

答案 3 :(得分:0)

尝试使用以下命令安装最新版本的rxjs npm install rxjs @latest

答案 4 :(得分:0)

运行此命令后

ng add @angular/material

我遇到错误

  

错误:无法解析'@ angular / cdk / a11y'

然后我重新启动应用程序,一切正常

答案 5 :(得分:0)

首先仅尝试使用此命令

  1. npm install --save @ angular / material

OR 如果不行,则

  1. npm install --save @ angular / material
  2. npm install --save @ angular / cdk

答案 6 :(得分:0)

我遇到了同样的问题,我是从头开始构建项目的。对我来说,我做错了是在尝试跑步

ng add @angular/material

运行之前

npm install

命令

一旦我先运行“ npm install”,然后尝试安装材料,一切都开始正确安装,没有任何问题。这是一个非常愚蠢的基本错误,对于像我这样的初学者来说,值得注意:

答案 7 :(得分:0)

删除 node_modules 并运行 npm install

答案 8 :(得分:0)

安装角材料

npm install @angular/material

检查和编辑您的导入组件... 例如:

import {MatTableDataSource} from '@angular/material/table';