Angular Can'；不要使用MatIcon组件

我最近将我的项目更新为Angular v6。我正试图按照本指南安装角材料：

这是我的应用程序模块：

从'@angular/material'导入{MatButtonModule，MatCheckboxModule}；
从“@angular/platform browser/animations”导入{BrowserAnimationsModule}；
@NGD模块({
声明：[
应用组件，
普鲁巴成分
],
进口：[
...
MatButtonModule，
BrowserAnimationsModule，
MatCheckboxModule
],

这是测试组件的html：

Fab按钮
基本的
主要的，重要的
口音
警告
残废
最喜欢的
链接

但是，我得到了这个错误：

compiler.js:215 Uncaught Error: Template parse errors:
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

---

您需要在app.module.ts中添加

MatIconModule

，以便在项目中使用

试试这个-

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

@NgModule({
  declarations: []
  imports: [MatIconModule,....]
});

---

您需要在app.module.ts中添加

MatIconModule

，以便在项目中使用

试试这个-

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

@NgModule({
  declarations: []
  imports: [MatIconModule,....]
});

---

如前所述，如果您想将材质与Angular 6配合使用，应使用

@Angular/schematics

简单运行

ng add @angular/material

角材料将被安装，设置，你将无事可做

---

要使用材料组件，请按照@PardeepJain的回答进行操作。

如果您想使用角度为6的材料，请参考

@Angular/schematics

，如前所述

简单运行

ng add @angular/material

角材料将被安装，设置，你将无事可做

---

要使用材料组件，请遵循@PardeepJain的答案。

虽然这是正确的答案，但您应该创建一个独立的模块来导入材料模块，并将其导出。之后，您只需将所述模块导入其他模块，而不必将材料模块导入所有应用程序模块中es。@trichetrich完美解决方案，我将在下一个项目中记住。尽管这是正确的答案，但您应该创建一个独立的模块，导入材料模块并导出它们。之后，您只需将所述模块导入到其他模块中，而不是在所有的项目中导入材质模块r应用程序模块。@trichetriche完美解决方案，我将在下一个项目中尽量记住。是的

ng add..

是最好的解决方案，如果您使用NG6，当我尝试运行此命令时，我得到一个错误：

Collection“@angular/material”无法解决。错误：Collection“@angular/material”无法解决。

可能是代理问题或安装问题。如果要解决此问题，请进行修改，或仅使用旧方法（此答案对进入您主题的其他用户提供了信息）是

ng add..

是解决此问题的最佳解决方案，如果您使用NG6，当我尝试运行此命令时，我会收到一个错误：

Collection无法解析“@angular/material”。错误：集合“@angular/material”无法解析。

可能是代理问题或安装问题。如果要解决此问题，请创建一个解决方案，或仅使用旧方法（此答案为其他进入您主题的用户提供了信息）