为什么在尝试路由我的 angular 页面时总是出现相同的错误？

Question

我正在学习 angular 中关于路由页面的教程，但我遇到了以下错误

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

按照在堆栈溢出中找到的其他示例，我尝试将 "entryComponents" 添加到我的路由中，但它给出了不同的错误：

HomeComponent cannot be used as an entry component.

这里到底出了什么问题？

这是我的路由文件 app-routing.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 {}

Answer 1

您也需要添加到 declarations 部分

Component

import { Component} from '@angular/core'; 
@Component({
  selector: 'home',
  templateUrl: './home.html',
  styleUrls: ['./home.scss'] //Optional
})

export class HomeComponent{}

app.module

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

为什么在尝试路由我的 angular 页面时总是出现相同的错误？

Why do i keep getting the same error when trying to route my angular pages?

router

angular