'router-outlet' 不是已知元素 ANGULAR
'router-outlet' is not a known element 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>
调用页眉、页脚和我的路线,问题是当我 运行 时,我的浏览器转到目标并在控制台中向我抛出上述错误。 ...这是版本错误?
我很好地调用了本地主机/联系路径,我目前正在使用角度 6 ....对我有什么帮助吗?
您需要删除 exports
下的 RouterModule
exports: [
RouterModule //remove this
],
试试这个:
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> </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 ....对我有什么帮助吗?
您需要删除 exports
下的RouterModule
exports: [
RouterModule //remove this
],
试试这个:
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
不会被您应用程序中的其他模块导入。