Entry point X has a circular dependency on Y

Question

I have a component X which imports a component Y.

In componentx.model.ts I defined some types and interfaces.

In component Y I would like to use one of these interfaces so I import it with import { NiceInterface } from '@foo/bar/componentx';

The result is that when I run ng-packagr I get the following error:

Entry point @foo/bar/componentx has a circular dependency on @foo/bar/componenty.

I don't really understand that because I import that interface, nothing else.

RG3 · Accepted Answer · 2023-04-28 15:48:18Z

-1

I would need to see more of your code to be certain, but I've ran into this several times before. In my experience this is what I usually run into:

FirstItem imports interface SecondItem
SecondItem imports a model or interface ThirdItem
ThirdItem imports FirstItem.

When this happens, it creates a circular dependency and the ng-packagr output for the error only really tells you the two items causing the issue and doesn't output the middle parts.

If it's not a chain of imports, hopefully at least running through this helps you you find the issue!

answered Apr 28, 2023 at 15:48

RG3

794 bronze badges

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

3 Comments

Juuro Over a year ago

It's not really a chin of imports. The are only two items. ComponentX imports ComponentY and ComponentY imports an interface that's defined in ComponentX. That's it. My problem is I don't see a solution to do it differently. Also it works perfectly fine in the browser.

RG3 Over a year ago

I see, I must have misunderstood the question. For clarification, are you saying that ComponentY imports the interface that's in the same file as ComponentX? Because that would be your issue, you would need to move the interface to a new file, update the imports correctly, and that should solve your issue

Juuro Over a year ago

It is in the .model file of ComponentX. Yeah, I know that solution, but in my case it's not a solution because the interface declarations have to be in the same directory as the component so they show up in the automatically generated documentation.

Collectives™ on Stack Overflow

Entry point X has a circular dependency on Y

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related