时间戳

首页 > 解决方案 > 为什么我在尝试路由我的角度页面时不断收到相同的错误？

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 {}

标签： angularrouter

解决方案

您也需要添加到declarations部分

零件

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 {}

推荐阅读