Angular 错误：1. 如果“mat-card-actions”是 Angular 组件，则验证它是否是该模块的一部分

Question

编译时出现以下错误：

1. 如果“mat-card”是 Angular 组件，则验证它是否是该模块的一部分。
2. 如果“mat-card”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。 [插件角度编译器]

我使用 app.module.ts 正确导入了所有内容，但我不知道为什么会出现这个问题？

我的github： https://github.com/chrisspenceratx/myFlix-Angular-client

Answer 1

问题在于如何生成 Angular 项目，以及如何尝试使用它。

您的项目是使用 Angular 的独立组件和独立引导生成的，它不使用 NgModule 来引导应用程序：

这是你的 main.ts :

import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, appConfig)
  .catch((err) => console.error(err));

bootstrapApplication

函数用于使用组件创建 Angular 应用程序，

AppComponent

用于引导应用程序，而您的

AppModule

完全被忽略，从而使您在其中进行的导入毫无用处。

要解决此问题，您可以将应用程序的其余部分转换为独立组件并删除 app.module，或者使用

bootstrapModule

函数引导应用程序。

您可以将

main.ts

替换为 :

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

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

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

这应该可以修复导入错误。