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

Question

我遵循这里描述的每个步骤：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 { }

- Isabelle

Answer 1

我再次执行了那个命令，一切顺利运行。

npm install --save @angular/material

- Isabelle

---

现在我收到的是： 模块未找到错误: 无法解析 '@angular/cdk/a11y' - M Reza Saberi

根据更新的 Angular Material 文档，执行 ng add @angular/material 命令将会安装 Angular Material、Component Dev Kit (CDK) 和 Angular Animations。因此，它相当于对它们分别执行各自的 npm install 命令的组合。 - M M

@M M，Angular 需要尽快更新他们的文档。运行命令 ng add @angular/material 不会安装你所说的所有内容。相反，运行这些命令：npm i @angular/material --save 和 npm i @angular/cdk --save 将确保安装所有这些包。我已经尝试过了，我目前在我的电脑上使用 Angular v12.0.2 和 Angular Material 12。 - Andrecon

Answer 2

npm install --save @angular/material

npm install --save @angular/cdk

重新启动开发服务器

（通常控制台会提示有依赖关系，请注意）

- rychrist88

Answer 3

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

ng add @angular/material

- Uahmed

Answer 4

删除 node_modules 文件夹并运行 npm install 命令。

- Alina Striltsova

Answer 5

首先尝试执行以下命令：

1. npm install --save @angular/material

如果不起作用，则执行以下命令：

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

- Soft Dev Ahmad yar khan

Answer 6

安装 Angular Material。

npm install @angular/material

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

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

- Sadegh Maasoomi

Answer 7

请手动删除 node_modules 文件夹和 package.lock.json 文件，然后运行 npm install 命令，如果还是不行，请尝试运行命令：ng add @angular/material

- Mohamed Imran

Answer 8

我曾经遇到过同样的问题，当时我正在从头开始构建项目。对我来说，我做错了的是试图运行

ng add @angular/material

在运行之前

npm install

命令

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

- Nithin Paul

Answer 9

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

- Bhautik Dalicha

---

这个解决方案相比于被接受的答案有什么更好的解决问题的方法吗？ - Nico Haase

Answer 10

运行此命令后

ng add @angular/material

我遇到了错误

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

然后我重新启动我的应用程序，一切正常。

- WasiF