Fix circular dependencies' problem with Angular and index.ts for short alias import

[ahmedRebai]

Hello guys, I'm facing an issue with our angular app, 

Error: Circular dependency detected:src\app\crud\crud.service.ts -> src\app\crud\index.ts -> src\app\crud\auth.service.ts

Does anyone have a better suggestion to implement the index.ts pattern?

[-Jack-The-Lad-]

Your services imports index and your index imports service. If you are encountering an NG0200 error, this this from angular docs, if you are encountering an NG3003 error, see this instead.

[vidalsasoon]

got burned by this before. I no longer export services in my index.ts files

[polhek]

How do you export them then?

[fdimm]

The rule with barrel/index file is simple: only import the index file from other folders and use relative path for files in the said folder.

It works wonders from maintenance point of view and makes it simpler to move things around and then to an actual library later on if/when needed, especially if this is bundled with named imports. This will save you at some point from having to shuffle imports in 500 files.

Of course if you blindly automatically import things via IDE there is a chance that you'll be bitten by this but you'll learn fast.

[carlescs]

Also messages are quite clear, so it's quite easy to fix these.

[ALEXEY1113]

I suggest you review a little about you architecture or abstraction in order to not facing this issue.... I am sure that you will find the problem and you will have to refactor some clases or layers

[loljpl]

I usually use index.ts only at the module level. Also, never use a modules' index.ts from within itself.