Круговая зависимость предупреждение угловая 5 - PullRequest
Новая
       23

Круговая зависимость предупреждение угловая 5

0 голосов
/ 04 июля 2018

Я изо всех сил пытаюсь разрешить предупреждение о круговой зависимости при создании приложения 5 angular.

Я прочитал эти два вопроса: первый и второй , но не могу понять проблему в моем коде и способы ее решения.

вот предупреждение: 

WARNING in Circular dependency detected:
src\pages\addresses\add-address\add-address.component.ngfactory.js -> src\pages\nav-bar\nav-bar.component.ngfactory.js -> src\pages\cart-panel\cart-panel.component.ngfactory.js -> src\pages\addresses\add-address\add-address.component.ngfactory.js

Я использую поставщика услуг как службу, которую используют другие компоненты.

дополнение address.component.ts 

import { ServiceProvider} from '../../../providers/service-provider';
import { AlertService } from '../../../providers/alert-provider';

нав-bar.component.ts 

import { ServiceProvider} from '../../providers/service-provider';
import { AlertService } from '../../providers/alert-provider';

корзина-панельного component.ts 

import { ServiceProvider} from '../../providers/service-provider';

1 Ответ

0 голосов
/ 04 июля 2018

Внутренний html-компонент <add-address></add-address> использует <nav-bar></nav-bar>, а внутренний html-компонент использует <cart-panel></cart-panel> Внутренний html-компонент использует <add-address></add-address>, и это вызовет цикл, поэтому круг никогда не закроется, поэтому удалите из корзины -panel-component тег add-address и код скомпилируются.

Пример визуализированного углового HTML: 

   <add-address>
     <nav-bar>
       <cart-panel>
        <!-- cause circle -->
        <add-address><!-- remove this in the add-address component -->
          <!-- add-address > nav-bar > cart-panel > add-address..... -->
        </add-address>
       </cart-panel>
     </nav-bar>
   </add-address>
...