加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

类型X是2个模块的声明的一部分(角2 RC5)

发布时间:2020-12-17 07:37:24 所属栏目:安全 来源:网络整理
导读:我和Angular 2 RC5一起玩,遇到以下问题: “Error: Type WelcomeComponent is part of the declarations of 2 modules: WelcomeModule and AppModule! app.module.ts import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/pla
我和Angular 2 RC5一起玩,遇到以下问题:

“Error: Type WelcomeComponent is part of the declarations of 2 modules: WelcomeModule and 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和路由是在AppModule中导入的,它有WelcomeModuleimported,但是我应该如何构建跨多个模块的路由图呢?

我可以看到的唯一解决方案是删除

import { WelcomeModule } from './welcome/welcome.module'

但是那种那样会把模块放在第一位的整个目的呢,不是吗?

您为root和child加载相同的路由配置,但它们必须是不同的路由配置.有关完整示例,请参阅 https://angular.io/docs/ts/latest/guide/router.html

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读