javascript - Angular 5 中的循环依赖错误

Question

我总是收到循环依赖的警告

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

我用了这个然后就解决了

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

但是如何在不使用 "showCircularDependencies": false

的情况下解决这个问题

Answer 1

我想没有办法绕过它。您可能可以通过将这些 services 中的一个分解为新的 service 并小心地包含它们来避免这种情况。

看看Single Responsibility Principle .这是规避此类问题的可靠方法。