網站搜尋

javascript - 警告:檢測到循環依賴:barrelsby Angular 10


我在 Angular 10 中使用 barrelsby 時收到了循環依賴警告。

Error: 
WARNING in Circular dependency detected:
src\app\core\components\components.module.ts -> src\app\core\components\header\header.component.ts -> src\app\state\index.ts -> src\app\core\components\components.module.ts

結構:

/component
  /header
    header.component.ts
    index.ts
index.ts
export * from './header.component';
component.module.ts
import { HeaderComponent } from './header';

@NgModule({
  imports: [],
  exports: [
    HeaderComponent,
  ],
  declarations: [
    HeaderComponent
  ]
})
index.ts
export * from './header/index';

答案#1

這只是一個警告,所以你不必一定要修復它。警告告訴你圓的位置:

  • 從標頭導入模組
  • 從索引導入標頭
  • 從模組導入索引

為了打破循環,我會避免從 index 匯入。無論哪個元件的頭文件從 index 匯入,都改從該元件的資料夾匯入。