app.min.js: 7 Ошибка: [$ rootScope: infdig] Достигнуто 10 $ digest() итераций. Aborting! Наблюдатели уволили за последние 5 итераций

Question

вот ошибка, которую браузер бросает в каждый раз I npm start мое приложение.

и вот мой bower.json файл:

{ 
    "name": "myapp", 
    "version": "1.3.0", 
    "authors": "My example", 
    "description": "AngularJs Bootstrap example", 
    "keywords": ["AngularJS", "admin", "admin", "dashboard", "admin", "panel", "app", "charts", "components", "flat", "flat", "ui", "responsive", "responsive", "layout", "ui", "kit", "ui", "route", "web", "app", "widgets"], 
    "license": "ISC", 
    "homepage": "http://example/com", 
    "private": true, 
    "ignore": ["**/.*", "node_modules", "bower_components", "test", "tests"], 
    "dependencies": { 

     "jquery": "~2.1.3", 
     "fastclick": "~1.0.6", 

     "angular": "~1.5.x", 
     "angular-animate": "~1.5.x", 
     "angular-cookies": "~1.5.x", 
     "angular-resource": "~1.5.x", 
     "angular-sanitize": "~1.5.x", 
     "angular-touch": "~1.5.x", 
     "angular-ui-router": "~0.3.x", 
     "ngstorage": "~0.3.x", 
     "angular-translate": "~2.11.x", 
     "angular-translate-loader-url": "~2.11.x", 
     "angular-translate-loader-static-files": "~2.11.x", 
     "angular-translate-storage-cookie": "~2.11.x", 
     "angular-translate-storage-local": "~2.11.x", 
     "oclazyload": "~0.6.3", 
     "angular-breadcrumb": "~0.4.x", 
     "angular-bootstrap": "~1.1.x", 
     "angular-loading-bar": "~0.9.x", 
     "angular-scroll": "~1.0.x", 
     "angular-moment": "~1.0.x", 
     "AngularJS-Toaster": "~2.0.x", 
     "angular-bootstrap-nav-tree": "*", 
     "angular-ladda": "~0.4.x", 
     "ng-table": "~0.5.4", 
     "angular-ui-select": "~0.11.1", 
     "angular-ui-utils": "mask-0.2.2", 
     "ngImgCrop": "~0.3.2", 
     "angular-file-upload": "~1.1.5", 
     "angular-aside": "~1.1.3", 
     "angular-truncate": "*", 
     "angular-sweetalert-promised": "~1.0.4", 
     "angular-elastic": "~2.4.2", 
     "ngmap": "~1.4.2", 
     "tc-angular-chartjs": "~1.0.9", 
     "angular-ui-switch": "~0.1.0", 
     "angular-ckeditor": "~0.3.2", 
     "angular-bootstrap-calendar": "~0.7.0", 
     "angular-xeditable": "~0.1.8", 
     "checklist-model": "~0.2.4", 
     "ng-nestable": "~0.0.1", 
     "ng-flow": "~2.6.0", 
     "v-accordion": "~1.2.1", 

     "components-modernizr": "~2.8.3", 
     "moment": "~2.8.3", 
     "perfect-scrollbar": "~0.6.1", 
     "ladda": "~0.9.7", 
     "sweetalert": "~0.4.2", 
     "chartjs": "~1.0.2", 
     "jquery.sparkline.build": "~2.1.3", 
     "ckeditor": "~4.4.7", 
     "jquery-nestable": "v1.0", 
     "spin.js": "~2.0.2", 
     "bootstrap-touchspin": "~3.0.1", 
     "select2": "~4.0.0", 
     "select2-bootstrap-css": "~1.4.6", 
     "selectize": "~0.12.0", 

     "animate.css": "~3.2.0", 
     "font-awesome": "~4.2.0", 
     "themify-icons": "~0.1.0", 
     "bootstrap": "~3.3.7", 
     "bootstrap-rtl": "~3.3.1" 
    }, 
    "resolutions": { 
     "angular": "~1.5.x" 
    } 
} 

при запуске установить мою зависимость Бауэра, я получаю много подсказок, чтобы выбрать, какую версию пакетов, которые я хочу установить.
Может ли кто-нибудь сказать мне, где проблема на самом деле?

Answer 1

Это, скорее всего, связано с кодом в вашем приложении и не связано с вашими зависимостями в баре. Можете ли вы разместить свой код?

Answer 2

У вас возникли две отдельные проблемы.

Первый - это угловая погрешность, возникающая при угловом обнаружении того, что цикл его переваривания переводится в бесконечный цикл (здесь вы можете узнать больше об этом: https://docs.angularjs.org/error/ $ rootScope/infdig). Проверьте код на наличие проблем, когда наблюдатель может обновлять наблюдаемое значение или изменять некоторые другие изменения круговой области.

Вторая проблема связана с конфликтами с вашими библиотеками. Bower пытается обеспечить плоскую иерархию среди пакетов, которые она клонирует, что желательно в браузере, потому что это уменьшает размер файла/полезную нагрузку. Но для этого он должен убедиться, что он не устанавливает несколько версий различных пакетов, и он не знает, какие версии он должен использовать, поэтому для этого требуется ввод данных от пользователя. У вас, скорее всего, много пакетов, которые запрашивают конфликтующие версии своих зависимостей. Вы можете использовать интерфейс bower, чтобы выбрать, какая версия является вашим предпочтением или сделать это вручную (How to resolve Bower dependency version conflicts? имеет хорошие инструкции для этого).

Еще одна вещь, которую вы можете попробовать с беседкой, - использовать определенные номера версий для ваших пакетов. Использование ~ или .x позволяет bower включать пакеты в соответствии с правилами semver, как описано здесь: What is the bower (and npm) version syntax?. Это делает конфликты между зависимостями более вероятными. Также необычно использовать как ~, так и .x, поскольку они выполняют одну и ту же функцию.