webpack Angular 15参考误差:无法在初始化之前访问“组件A”

gk7wooem  于 2023-05-18  发布在  Webpack
关注(0)|答案(1)|浏览(182)

我面临着一个问题,同时进口独立的组件在对方。
组分A.

@Component({
  standalone: true,
  selector: 'app-a',
  templateUrl: './a.component.html',
  styleUrls: ['./a.scss'],
  imports: [
    BComponent
  ]
})
export class AComponent implements OnInit {

}

组分B

@Component({
  standalone: true,
  selector: 'app-b',
  templateUrl: './b.component.html',
  styleUrls: ['./b.scss'],
  imports: [
    AComponent
  ]
})
export class BComponent implements OnInit {

}

早些时候,这个解决方案对我来说工作得很好,因为使用模板访问这些组件。但现在得到这个错误。
参考错误:在初始化之前无法访问“AComponent”。
在上述背景下的任何帮助是高度赞赏。

xxslljrj

xxslljrj1#

选择一个组件并使用forwardRef

@Component({
  standalone: true,
  selector: 'app-b',
  templateUrl: './b.component.html',
  styleUrls: ['./b.scss'],
  imports: [
    forwardRef(() => AComponent))
  ]
})
export class BComponent implements OnInit {

}

Stackblitz

作者:El Greco / Tim Deschryver,twitter thread

相关问题