angular 在一个module中使用在另一个module中声明的组件

一个组件在module1中创建声明，但是在mudule2中也要使用这个组件，且在这两个不同的module中该组件的路径不一样

在mudule1中

import {CommonComponent} from './common/common.component'
@NgModule({
    imports: [ 。。。],
    exports: [CommonComponent], // 一定要加exports导出组件
    declarations: [CommonComponent]
})
export class Module1Module { }

在mudule2中

import { Module1Module } from '../test/module1.module'
@NgModule({
  imports: [
    。。。
    Module1Module , // 将module1导入到module2中
    。。。
  ],
  declarations: [。。。。]
})
export class Module2Module{ }

在module1.routing.ts中配置路径

import { CommonComponent} from '../common/common.component'
const routes: Routes = [{
     。。。
     { path: 'path1', component: CommonComponent},
     。。。
}];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class Module2RoutingModule { }

在module2.routing.ts中配置路径

import { CommonComponent} from '../test/common/common.component'
const routes: Routes = [{
     。。。
     { path: 'path2/:id', component: CommonComponent},
     。。。
}];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class Module2RoutingModule { }