嵌套组件不适用于 Angular 中的路由

Question

我正在尝试在自己的项目中学习角度，我从处理路由路径：/ 开始，即在(app.routing.module.ts) 中渲染HomepageComponent

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomepageComponent } from './homepage/homepage.component';
import { BestProductComponent } from './best-product/best-product.component';

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

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

HomepageComponent(homepage.component.html)要渲染BestProductComponent

<app-best-product></app-best-product>

但是在这里，我得到了什么：

src/app/homepage/homepage.component.html (2:1) 'app-best-product' 不是已知元素：

1. 如果“app-best-product”是一个 Angular 组件，则验证它是该模块的一部分。
2. 如果“app-best-product”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

我正在寻找这个问题的解决方案，你可以在这里找到项目 StackBlitz.

Answer 1

查看天气你在 app.module.ts 中注册了这个组件 BestProductComponent 之类的

    declarations: [
    AppComponent,
    BestProductComponent
  ]

也在 BestProductComponent .ts 文件中检查

@Component({
  selector: 'app-best-product',
  ----------------------------
  ----------------------------
})