Angular 15 Ref Error: Cannot access 'Component A' before initialization

Question

I am facing one issue while importing standalone component within each other.

Component A.

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

}

Component B

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

}

Earlier this solution was working fine for me as accessing these components with using templates. but now getting this Error.

Ref Error: Cannot access 'AComponent' before initialization.

Any help in above context is highly appreciated.

Andrew Allen · Accepted Answer · 2023-05-12 05:26:20Z

13

Pick a component and use forwardRef

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

}

Stackblitz

Credit to El Greco / Tim Deschryver, twitter thread

answered May 12, 2023 at 5:26

Andrew Allen

8,1917 gold badges38 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

SKL Over a year ago

what if AComponent need to import in mutiple standalone component? should we need to use forwardRef in all other standalone component?

Jonesie Dec 8, 2024 at 18:17

Saved me! Ive spent weeks trying to figure this out. I owe you 1 bitcoin :>

Gurpreet Kailey Dec 16, 2024 at 21:42

How to use forwardRef() if I try to use the standalone component in other component which is not standalone?

Collectives™ on Stack Overflow

Angular 15 Ref Error: Cannot access 'Component A' before initialization

1 Answer 1

Stackblitz

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related