Angular &引用'；向导&x27；“不是已知元素”；错误，即使在导入该组件时也是如此

我正在使用Angular 2.4，在浏览器控制台中出现以下错误：

未处理的承诺拒绝：模板分析错误：“向导”不是 已知元素： 1.如果“向导”是一个角度组件，请确认它是此模块的一部分。 2.如果“wizard”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。 （“产品巡更”class=“continue tour”data toggle=“modal”>继续 旅行 [错误->]

”）：SellingComponent@79：8；区域：；任务：承诺。然后；值：

如果我忘记在app.module文件中导入组件，我通常会遇到这种类型的错误，但这次我没有忘记

这是我的app.module.ts文件：

import { WizardComponent } from './wizard.component';
import { WizardService }   from './wizard.service';

@NgModule({
    imports: [
        ...        
        SellingModule,
        GrowingModule,
    ],
    declarations: [
        ...
        WizardComponent,
    ],
    providers: [        
        ...
        WizardService        
    ],
    bootstrap: [ AppComponent ]
})

export class AppModule { }

growing.module.ts:

@NgModule({
    ...
    declarations: [
        GrowingComponent,
        ...
    ],
    ...
})
export class GrowingModule { }

@NgModule({
    ...
    declarations: [
        SellingComponent,
        ...
    ],
    ...
})
export class SellingModule { }

销售.模块.ts:

@NgModule({
    ...
    declarations: [
        GrowingComponent,
        ...
    ],
    ...
})
export class GrowingModule { }

@NgModule({
    ...
    declarations: [
        SellingComponent,
        ...
    ],
    ...
})
export class SellingModule { }

growing.component.html

<wizard></wizard>

<wizard></wizard>

---

如您所见，我尝试在两个不同的组件中使用

。我尝试在growing.component.html中导入WizardComponent，但导入两次时出现了不同的错误，因此我认为我必须在AppModule中导入一次。如果我只在growing.component.html中放入

然后只在GrowingModule中导入WizardComponent，它就可以工作了。要在两个组件中使用

，我必须做些什么？

如果您希望在几个功能模块（即销售和成长模块）中重复使用一个通用组件，最好在共享模块中定义这些组件，而不是在

AppModule

中定义

然后，您可以在功能模块中需要的位置导入

SharedModule

请参阅答案和角度文档