'router-outlet' не является известным элементом ANGULAR

Я хочу настроить свой маршрут /, но когда я показываю содержимое этого представления с тегом <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 .... мне что-нибудь поможет?


angular router-outlet angular-directive
person Bodega Pangal    schedule 09.08.2018    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вам нужно удалить RouterModule в экспорте

 exports: [
     RouterModule //remove this
 ],
person Sajeetharan    schedule 09.08.2018

arrow_upward
1
arrow_downward

Попробуйте с этим:

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 не будет импортироваться другими модулями вашего приложения.

person ninjadev1030    schedule 09.08.2018