angular – 在2个模块之间共享分量

app.module.ts

@NgModule({
    declarations: [SharedComponent],exports: [SharedComponent]...
})

child.module.ts

@NgModule({
    imports: [SharedComponent],//Unexpected directive imported by module
})

app.html

<div class="container">
    <shared-selector></shared-selector>
    <child-selector></child-selector>
</div>

child.html

<div>
    content
    <shared-selector></shared-selector>
</div>

我正在Async中加载ChildModule

loadChildren: 'app/child.module#ChildModule',

当没有在ChildModule中导入或声明时，我收到错误：

template parse error: shared-selector is not a known element

******更新*******

在创建FeatureModule时，为了工作，SharedModule应该导出Components …更新的代码…

SharedModule

@NgModule({
    imports: [
        CommonModule
     ],declarations: [
         SharedComponent
    ],exports: [
        SharedComponent
    ]
})

export class SharedModule {}

app.module.ts

@NgModule({
    imports: [ChildModule,SharedModule],...
})

child.module.ts

@NgModule({
    imports: [SharedModule],//Unexpected directive imported by module
})