检测到循环依赖项，我看不到

Question

我的控制台中有一个循环依赖项警告，但无法解决它，我知道它是什么，但是我正在尝试解决它，但是它没有用。

inicio.component.ts

Timeline

app.module.ts

    import { Component } from '@angular/core';
import { searchClient } from '../../app.module';



@Component({
  selector: 'app-inicio',
  templateUrl: './inicio.component.html',
  styleUrls: ['./inicio.component.css']
})



export class InicioComponent {

  config = {
    indexName: 'items',
    searchClient
  };

  constructor() { 

  }



}

问题在于这2个文件，显然是algoliasearch导出到inicio.component.ts以及从组件导入到app.module.ts进行声明的，但是我该如何解决警告？我尝试了许多不同的方式。

Answer 1

问题出在searchClient中，将其移动到InicioComponent的文件中，或移至单独的文件中，然后将其导入InicioComponent和AppModule中。

Answer 2

将searchClient移出模块并移入其自己的文件。

App.module尝试加载InicioComponent，然后依次尝试加载app.module，后者尝试加载Inicion ...永远重复一次。