Angular 10 - NewComponent 不是已知元素

Question

早上好!

我已经建立了一个新的 angular 10 项目。就知道它使用 RouteLink 在 3 个路由/dashboard、/movies 和/characters 之间移动，通过单击应用程序组件中垫工具栏上的按钮。

这工作正常，符合预期。现在，我想创建一个名为 movie-card 的组件，它是将在/movies 路由中显示的内容的一部分。

我在一个新文件夹中生成组件，创建一个声明并导出该组件的 movies.module.ts。之后，我将该模块导入 app.modules.ts。

然后我转到 movies.component.html，在生成后默认的“movies works!”之后，我写

<app-movie-card></app-movie-card>

这是正确的选择器名称。

我认为我已经正确地完成了每一步，但是神话般的错误显示:

1. If 'app-movie-card' is an Angular component, then verify that it is part of this module.
2. If 'app-movie-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

3 <app-movie-card></app-movie-card>
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/screens/movies/movies.component.ts:10:16
    10   templateUrl: './movies.component.html',
                      ~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component MoviesComponent.

现在，我做错了什么吗？ Here is my repository,它在开发分支上被错误推送。

非常感谢你，也很抱歉这个经常被问到的问题，我在这上面花了太多时间:S

Answer 1

我想你忘了在 movies.module.ts 中声明 MoviesComponent

import { NgModule } from '@angular/core';
import { MovieCardComponent } from '../../components/movie-card/movie-card.component';
import { MoviesComponent } from './movies.component';

@NgModule({
  imports: [],
  exports: [MovieCardComponent, MoviesComponent],
  declarations: [MovieCardComponent, MoviesComponent],
  providers: [],
})
export class MoviesModule {}