'router-outlet'不是角度6中的已知元素

Question

我使用angular-cli在angular6的全新安装上出现以下错误.

未捕获错误:模板解析错误:'router-outlet'不是已知元素:1.如果'router-outlet'是Angular组件,则验证它是否是此模块的一部分.

我遵循了这个指南:https://medium.com/@meemo_86/good-article-beeman-490eaf1399a

然后我跟进了那篇文章的评论,该评论说要用<router-outlet></router-outlet>而不是<ng-content></ng-content>.

我做了那些更正,然后我读了https://angular.io/tutorial/toh-pt5,并做了那里所说的.

所以现在我有一个AppRoutingModule,我在app.module.ts中导入该模块,在那里我也修改路由并添加RouterModule.forRoot(appRoutes)到导入.

但我不能让这个错误消失.我究竟做错了什么？当我添加<router-outler></router-outlet>我layout.component.htm的应用程序时,应用程序会中断.我也在这里搜索了这个主题并尝试了一些改变,但似乎没有任何效果.

完整的源代码在这里:

https://github.com/ekstremedia/angular6

Answer 1

我看到你RouterModule在UIModule的导入中丢失了

@NgModule({
  imports: [
    CommonModule,
    RouterModule
  ],
  declarations: [LayoutComponent, HeaderComponent, FooterComponent],
  exports: [LayoutComponent]
})
export class UiModule { }

Answer 2

您收到错误是因为您在 UIModule 中使用了路由器出口组件，并且没有在 UIModule 中导入 RouterModule。