Question

我不明白。我想我已经导入了所有必需的模块，但是它一直告诉我：

'mat-button' is not a known element:

app.module.ts：

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

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

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

app.component.ts：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  constructor() {}
}

app.component.html

<mat-button>foo</mat-button>

app.component.scss为空。

我知道有很多与此相关的帖子。但没有任何帮助，因为我认为我正确地导入了所有内容（MatButtonModule。有人知道我能做什么吗？

Answer 1

是：

<button mat-button>foo</button>

不是

<mat-button>foo</mat-button>

Official doc.

垫子按钮不是已知元素

1 个答案: