在Angular中，如果在多个模块中同时引用了同一组件，就会出现重复组件的问题。为了解决这个问题，我们可以使用SharedModule来定义组件并在多个模块中共享。下面是一个示例：

1. 首先创建一个名为SharedModule的新模块：

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MyComponent } from './my-component/my-component.component';

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

2. 在需要使用该组件的模块中导入SharedModule：

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { SharedModule } from '../shared/shared.module'; import { AnotherComponent } from './another-component/another-component.component';

@NgModule({ imports: [ CommonModule, SharedModule ], declarations: [AnotherComponent] }) export class AnotherModule { }

3. 在另一个需要使用该组件的模块中也导入SharedModule：

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { SharedModule } from '../shared/shared.module'; import { OneMoreComponent } from './one-more-component/one-more-component.component';

@NgModule({ imports: [ CommonModule, SharedModule ], declarations: [OneMoreComponent] }) export class OneMoreModule { }

通过使用SharedModule，我们可以在多个模块中共享组件，从而避免重复组件的问题。