Angular 为什么我在尝试路由有角度的页面时总是遇到相同的错误？

我一直在关注一个关于如何在angular中路由页面的教程，但是我发现了以下错误

core.js:6014 ERROR Error: Uncaught (in promise): 
Error: No component factory found for HomeComponent. Did you add it to @NgModule.entryComponents?

通过在stack overflow中找到的其他示例，我尝试将“entryComponents”添加到路由中，但它给出了一个不同的错误：

HomeComponent cannot be used as an entry component.

这里到底出了什么问题

这是我的路由文件 应用程序路由.module.ts

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from 'src/app/views/home/home.component';

const routes: Routes = [
  { path: 'home', 
    component: HomeComponent 
  }
];

@NgModule({
  exports: [ RouterModule ],
  imports: [ RouterModule.forRoot(routes) ],
  entryComponents: [
    HomeComponent,
  ],
})
export class AppRoutingModule {}

---

您还需要添加到

声明

部分

组成部分

应用程序模块

---

您还需要添加到

声明

部分

组成部分

应用程序模块

---

entryComponent将位于AppModule中，而不是路由模块中。确保它也在那里的

声明

块中。entryComponent将在AppModule中，而不是路由模块中。确保它也在那里的

声明块中。请添加@Pipe/@Directive/@Component注释。在
HomeComponent
顶部是否有
@Component
？我添加了HomeComponent的外观，现在我得到了以下内容：模块“AppRoutingModule”声明的意外值“HomeComponent”。请添加@Pipe/@Directive/@Component注释。
HomeComponent
顶部是否有
@Component
？我添加了HomeComponent的外观
import { Component} from '@angular/core'; 
@Component({
  selector: 'home',
  templateUrl: './home.html',
  styleUrls: ['./home.scss'] //Optional
})

export class HomeComponent{}

@NgModule({
  exports: [ RouterModule ],
  imports: [ RouterModule.forRoot(routes) ],
  declarations: [
    HomeComponent
  ],
  entryComponents: [
    HomeComponent,
  ],
})
export class AppRoutingModule {}