'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> 调用页眉、页脚和我的路线，问题是当我运行时，我的浏览器转到目标并在控制台中向我抛出上述错误。 ...这是版本错误？我很好地调用了本地主机/联系路径，我目前正在使用角度 6 ....对我有什么帮助吗？

Answer 1

您需要删除 exports

下的 RouterModule

 exports: [
     RouterModule //remove this
 ],

Answer 2

试试这个：

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 不会被您应用程序中的其他模块导入。

'router-outlet' 不是已知元素 ANGULAR

'router-outlet' is not a known element ANGULAR

angular

angular-directive

router-outlet