问题：

模板分析错误：“mat icon”不是已知元素

宋正真

2023-03-14

我正在使用角CLI和角材料v.5.2.5，并试图使用

mat图标按钮

但是控制台会产生这样的错误：

未捕获的错误：模板解析错误：'mat-icon'不是一个已知的元素...

如果我使用

垫高按钮

一切正常，不知道如何解决这个问题

指数html

 <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Todo</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
  <app-root></app-root>
</body>
</html>

main.ts

 import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));

应用程序。单元ts

 import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MatButtonModule } from '@angular/material/button';


import { AppComponent } from './app.component';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MatButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

共有3个答案

夔宏深

2023-03-14

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

然后呢

imports: [
    // other imports...
    MatIconModule, // <-- here
],

杜河

2023-03-14

我用的是角度6。我制作了一个不同的文件叫做material。单元ts保存所有mat模块依赖项的位置。你可以称之为材料。单元应用程序中的ts文件。单元ts文件，它会工作的。当我将“MatIconModule”添加到代码中时，它对我很有用。

这是我的代码。

布料单元ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import {MatButtonModule,MatCheckboxModule,MatToolbarModule,MatInputModule,MatProgressSpinnerModule,MatCardModule,MatMenuModule, MatIconModule} from '@angular/material';


@NgModule({
  imports: [MatButtonModule, MatCheckboxModule,MatToolbarModule,MatInputModule,MatProgressSpinnerModule,MatCardModule,MatMenuModule,MatIconModule],
  exports: [MatButtonModule, MatCheckboxModule,MatToolbarModule,MatInputModule,MatProgressSpinnerModule,MatCardModule,MatMenuModule, MatIconModule]
})


export class MaterialModule{}

和应用程序。单元ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { MaterialModule } from './material.module';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

莫繁

2023-03-14

您的导入中缺少MatIconMoules。

imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MatButtonModule,
    MatIconModule, // <-- here
],

类似资料：

angular2模板中的模板分析错误

我的angular 2组件有以下模板，但它抛出了一个模板解析错误。这是错误消息-我的
未捕获的错误：模板分析错误：无法绑定到'ng模型'，因为它不是'input'的已知属性

我使用的是Angular 4.2.4，控制台中出现了一个错误：而我在app.module.ts文件中包含FormsModule就像as一样无法绑定到“ng模型”，因为它不是“input”的已知属性请帮忙解决
未捕获的错误：模板分析错误：无法绑定到“FormGroup”，因为它不是“Form”的已知属性
Thymeleaf：错误解析模板

下面是index.html 它们在不同的文件夹中，但pathing应该工作，除非我只是错过了一些真正愚蠢的东西。
Thymeleaf:Thymelaaf模板解析错误

我正在实现密码重置功能。为了显示具有这种功能的网页，我使用了百里香。但是当我调用我的简单的demo.html页面(见下面的代码)时，它抛出以下错误: 出现意外错误（类型 = 内部服务器错误，状态 = 500）。异常解析文档：模板=“演示”，第 10 行 - 列豆配置：演示. html: 控制器: 我错过了什么？
模板分析错误：无法绑定到“路由器链接”，因为它不是“a”的已知属性[重复]

我正在创建一个组件，然后它被设置为根组件，然后我得到错误我在组件阳极化中使用RouterLink作为指令，但它不能工作。 app.routes.ts dog-list.component.ts 有没有更好的方法让我添加修复这个错误？

模板分析错误：“mat icon”不是已知元素

共有3个答案

相关问答

相关文章

相关阅读

相关工具

相关文档