“ router-outlet”不是已知元素ANGULAR

Question

我想配置路由/的联系人，但是当我使用<router-outlet> </router-outlet>标签显示此视图的内容时，控制台显示以下错误：

我做的第一件事是在我的app.module.ts中添加以下行：

import {RouterModule , Routes} from '@angular/router';
import { ContactoComponent } from './contacto/contacto.component';

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

@NgModule({
  declarations: [
    AppComponent,
    CabezeraComponent,
    FooterComponent,
    ContactoComponent,
    BodyComponent, 
  ],
  exports: [
     RouterModule 
    ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(routes)
  ],
  providers: [],
  bootstrap: [AppComponent],  
})

然后在我的基本路由中，调用带有标头<router-outlet>的页眉，页脚和路由，问题是当我运行时，浏览器转到目标并抛出上述错误。在控制台中。 ...这是版本错误？ 我已经很好地调用了localhost / contact路径，目前正在使用角度6 ....对我有帮助吗？

Answer 1

尝试一下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';

@NgModule({
imports: [
    BrowserModule,
    RouterModule.forRoot(routes)               
],
declarations: [
    AppComponent,  
    CabezeraComponent,
    FooterComponent,
    ContactoComponent,
    BodyComponent,      
],
bootstrap: [AppComponent]
})
export class AppModule {

}

由于AppModule不会被应用程序中的其他模块导入，因此无需在AppModule中配置导出。

Answer 2

您需要删除出口下的 RouterModule

 exports: [
     RouterModule //remove this
 ],