Angular 9 mat-card-actions' 不是已知元素答案

【问题标题】：Angular 9 mat-card-actions' is not a known elementAngular 9 mat-card-actions' 不是已知元素
【发布时间】：2020-05-15 05:59:37
【问题描述】：

Angular 9 mat-card-actions' 不是已知元素，我已经导入和导出了 Angular 材质模块，但出现以下错误：

 mat-card-actions' is not a known element:
 mat-grid-tile' is not a known element:

这里是代码 app.module.ts

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PostsComponent } from './content/components/posts/posts.component';
import { DefaultComponent } from './default/default.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon';
import {MatButtonModule} from '@angular/material/button';
import {MatListModule} from '@angular/material/list';
import {MatExpansionModule} from '@angular/material/expansion';
import {MatTooltipModule} from '@angular/material/tooltip';
import {MatGridListModule} from '@angular/material/grid-list';
import {MatMenuModule} from '@angular/material/menu';
import {MatCardModule} from '@angular/material/card';


import { RouterModule } from '@angular/router';

const mats=[
  BrowserAnimationsModule,
  MatSidenavModule,
  MatToolbarModule,
  MatIconModule,
  MatButtonModule,
  RouterModule,
  MatListModule,
  MatExpansionModule,
  MatTooltipModule,
  MatGridListModule,
  MatMenuModule,
  MatCardModule
]

@NgModule({
  declarations: [
    AppComponent,
    PostsComponent,
    DefaultComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    mats,
    BrowserAnimationsModule
  ],
  exports:[mats],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是component.html代码：

 <mat-card class="example-card">
    <mat-card-header>
      <div mat-card-avatar class="example-header-image"></div>
      <mat-card-title>Shiba Inu</mat-card-title>
      <mat-card-subtitle>Dog Breed</mat-card-subtitle>
    </mat-card-header>
    <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
    <mat-card-content>
      <p>
        The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
        A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
        bred for hunting.
      </p>
    </mat-card-content>
    <mat-card-actions>
      <button mat-button>LIKE</button>
      <button mat-button>SHARE</button>
    </mat-card-actions>
  </mat-card>

【问题讨论】：

您是否在控制台中收到此错误？？
你是否在应用中导入了相应的模块
请向我们展示您如何使用它以及在何处导入的代码。
我已添加代码
你能重现stackblitz中的错误吗？

标签： angular angular-material

【解决方案1】：

错误是新 Ivy 编译器的一部分

我通过转到 tsconfig 并将 enableIvy 设置为 false 来修复它

"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true,
"enableIvy":false
}

【讨论】：

不是很满意的答案。启用 Ivy 后如何解决？

【解决方案2】：

这是问题的答案； https://stackoverflow.com/a/41346069/1494662 导入 CUSTOM_ELEMENTS_SCHEMA 并将其包含在您的应用模块的架构中。

【讨论】：