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

angular – Component是两个模块声明的一部分:AppRoutingModule

发布时间:2020-12-17 18:10:07 所属栏目:安全 来源:网络整理
导读:我试图通过在自己的打字稿文件中定义路由模块来将其与其他模块分开.但是我得到了上面的错误:Component是两个模块声明的一部分:AppRoutingModule和AppModule 共享以下两个模块: AppRoutingModule import { NgModule } from '@angular/core'import { Router
我试图通过在自己的打字稿文件中定义路由模块来将其与其他模块分开.但是我得到了上面的错误:Component是两个模块声明的一部分:AppRoutingModule和AppModule

共享以下两个模块:

AppRoutingModule

import { NgModule } from '@angular/core'
import { RouterModule,Routes } from '@angular/router'
import { AdminHomeComponent } from './nav/adminhome.component'
import { UserHomeComponent } from './nav/userhome.component'
import { ContactComponent } from './nav/contact.component'
import { LandingComponent } from './nav/mainhome.component'
import { LoginFormComponent } from './nav/login.component'


const appRoutes: Routes = [
    { path: 'login',component: LoginFormComponent },{ path: 'adminHome',component: AdminHomeComponent },{ path: 'userHome',component: UserHomeComponent },{ path: 'contact',component: ContactComponent },{ path: '',component: LandingComponent }
];


@NgModule({
    imports: [
        RouterModule.forRoot(appRoutes)
    ],exports: [
        RouterModule
    ]
})
export class AppRoutingModule { }

的AppModule

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http';
import { AppRoutingModule} from './app.routing'

import { AdminHomeComponent } from './nav/adminhome.component'
import { UserHomeComponent } from './nav/userhome.component'
import { ContactComponent } from './nav/contact.component'
import { LandingComponent } from './nav/mainhome.component'
import { LoginFormComponent } from './nav/login.component'
import { ShareService } from './nav/ShareService'
//import { PaginationModule } from 'ng2-bootstrap';
//import { Ng2PaginationModule } from 'ng2-pagination';

@NgModule({
    imports: [BrowserModule,FormsModule,HttpModule,AppRoutingModule ],declarations: [AppComponent,AdminHomeComponent,UserHomeComponent,ContactComponent,LandingComponent,LoginFormComponent],bootstrap: [AppComponent],providers: [ShareService]

})
export class AppModule { }

我遵循了https://angular.io/docs/ts/latest/guide/router.html路由文档,但落在了这样的错误中.

有人可以看看代码中是否存在某些错误.谢谢.

解决方法

我认为您应该将AppHoduMonent中的AdminHomeComponent和AppRoutingModule中引用的所有其他组件移出到不同的模块中,并将此模块添加到AppRoutingModule的导入中.

(编辑:李大同)

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

    推荐文章
      热点阅读