Circular dependency error in angular 5

Question

Always I'm getting warning that is circular dependency

WARNING in Circular dependency detected:
src\app\auth\logout\logout.component.ts -> src\app\auth\_services\authentication.service.ts -> src\app\app.module.ts -> src\app\app-routing.module.ts ->
src\app\auth\logout\logout.component.ts

WARNING in Circular dependency detected:
src\app\theme\layouts\header-nav\header-nav.component.ts -> src\app\_services\data\emp.service.ts -> src\app\app.module.ts -> src\app\theme\layouts\layout.module.ts -> src\app\theme\layouts\header-nav\header-nav.component.ts

WARNING in Circular dependency detected:
src\app\theme\layouts\layout.module.ts -> src\app\theme\layouts\header-nav\header-nav.component.ts -> src\app\_services\data\emp.service.ts -> src\app\app.module.ts -> src\app\theme\layouts\layout.module.ts

WARNING in Circular dependency detected:
src\app\theme\theme-routing.module.ts -> src\app\auth\_guards\auth.guard.ts -> src\app\auth\_services\user.service.ts -> src\app\app.module.ts -> src\app\theme\theme-routing.module.ts

I used this then it was solved

"build": {
      "showCircularDependencies": false
    },

but how to solve this issue, without using "showCircularDependencies": false

Yes, but I’m using the formal way of integration with the services — Ramana V V K, Feb 27 '18 at 02:53
check your imports across affected files - as warning says you have some circular dependencies in your components and by settings showCircularDependencies to "false" you just hide the warning, but to solve the issue completely you need to change your imports. — n.yakovenko, Feb 27 '18 at 19:29
okay but I'm following the standard way of integration. the similar way is not showing any warnings in other project — Ramana V V K, Feb 28 '18 at 05:20

htshame · Accepted Answer · 2018-02-28T14:22:14.617

2

I guess there's just no way around it. You probably would be able to escape this by breaking up one of these services into new a service and carefully include them.

Take a look at Single Responsibility Principle. It's the solid way of evading such issues.

edited Feb 28 '18 at 14:22

answered Feb 28 '18 at 12:31

htshame

6,599
5
36
56

I’m using Angular 5 – Ramana V V K Mar 30 '18 at 18:58

Circular dependency error in angular 5

1 Answers1