Angular 角度8-在其他不同组件中使用相同组件

我已经创建了一个共享组件，我想在几乎所有其他组件中使用它，我得到了这个错误，它说：

类型BreadcrumbComponent是两个模块声明的一部分：BreadcrumbModule和CardsModule

这是我的breadcrumb.module.ts：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BreadcrumbComponent } from './breadcrumb.component';

@NgModule({
imports: [
    CommonModule
],
declarations: [BreadcrumbComponent],
exports: [BreadcrumbComponent],
})
export class BreadcrumbModule { }

import { BreadcrumbModule } from './shared/breadcrumb/breadcrumb.module';

@NgModule({
imports: [
    BrowserModule,
    BreadcrumbModule,
    AccountsModule,
    CardsModule,
    ....
],
declarations: [AppComponent],
export class AppModule {}

app.module.ts：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BreadcrumbComponent } from './breadcrumb.component';

@NgModule({
imports: [
    CommonModule
],
declarations: [BreadcrumbComponent],
exports: [BreadcrumbComponent],
})
export class BreadcrumbModule { }

import { BreadcrumbModule } from './shared/breadcrumb/breadcrumb.module';

@NgModule({
imports: [
    BrowserModule,
    BreadcrumbModule,
    AccountsModule,
    CardsModule,
    ....
],
declarations: [AppComponent],
export class AppModule {}

这是我要使用的组件，它已经在声明中：

...
import { BreadcrumbComponent } from '@app/shared/breadcrumb/breadcrumb.component';

@NgModule({
    imports: [CommonModule, CardsRoutingModule],
    declarations: [CardsComponent, BreadcrumbComponent]
})

export class CardsModule {}

您的
CardsModule
应导入
breadcrumb模块
：

@NgModule({
    imports: [CommonModule, CardsRoutingModule, BreadcrumbModule],
    declarations: [CardsComponent]
})

export class CardsModule {}

由于您已将该组件添加到exports数组中，因此在导入该组件的任何模块中都应该可以使用该组件
@Swardfish，而您发布的当前代码不太可能使用该组件。你认为你可以创建一个stackblitz来显示问题吗？我没有注意到相同的组件已经存在于另一个组件中，只需要在该组件中执行相同的操作，每件事情都是工作：）