我正在摆弄Angular 2 RC5,遇到了以下问题:
“错误:类型WelcomeComponent是两个模块声明的一部分: WelcomeModule和AppModule!
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Routes, RouterModule } from '@angular/router';
import { WelcomeModule } from './welcome/welcome.module';
import { AppComponent } from './app.component';
import {
routing,
appRoutingProviders
} from './app.routing';
@NgModule({
imports: [
BrowserModule,
RouterModule,
WelcomeModule,
routing
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [ appRoutingProviders ]
})
export class AppModule { }
app.routing.ts
import {
Routes,
RouterModule
} from '@angular/router';
import { welcomeRoutes } from './welcome/welcome.routing';
const appRoutes: Routes = [
...welcomeRoutes
];
export const appRoutingProviders: any[] = [];
export const routing = RouterModule.forRoot(appRoutes);
welcome.module.ts
import { NgModule } from '@angular/core';
import { WelcomeComponent } from './welcome.component';
@NgModule({
declarations: [ WelcomeComponent ]
})
export class WelcomeModule { }
welcome.routing.ts
import {
Routes,
RouterModule
} from '@angular/router';
import { WelcomeComponent } from './welcome.component';
export const welcomeRoutes: Routes = [
{ path: 'welcome', component: WelcomeComponent }
];
export const welcomeRoutingProviders: any[] = [];
export const welcomeRouting = RouterModule.forChild(welcomeRoutes);
我可以看到Angular在抱怨什么,welcomeRoutes
需要定义WelcomeModule
中的WelcomeComponent
,appRoutes
引用welcomeRoutes
和routing
被导入到AppModule
中,其中导入了WelcomeModule
,但是我应该如何构建跨越多个模块的路由图呢?
我能看到的唯一解决方案是删除
import { WelcomeModule } from './welcome/welcome.module'
但是,这会违背最初拥有模块的全部目的,不是吗?
https://stackoverflow.com/questions/38966202
复制相似问题