app.min.js: 7 Error: [$ rootScope: infdig] 10 $ digest () iteraciones alcanzadas. Abortando Los vigilantes dispararon en las últimas 5 iteraciones: javascript, angularjs, node.js, bower, npm-install

Aquí está el error que arroja el navegador cada vez que npm start mi aplicación

y aqui esta mi bower.json archivo:

{
"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"
}
}

cuando ejecuto instalar mis dependencias de bower, recibo muchas indicaciones para elegir qué versión de los paquetes quiero instalar.
¿Alguien puede decirme dónde está realmente el problema?

Respuestas

Esto es más probable debido al código en su aplicación y no está relacionado con sus dependencias de Bower. ¿Puedes publicar tu código?

Pareces estar sufriendo de dos problemas separados.

El primero es un error angular generado cuando angular detecta que su ciclo de digestión está siendo lanzado a un bucle infinito (puede leer más sobre esto aquí: https://docs.angularjs.org/error/$ rootScope / infdig). Verifique su código para detectar problemas en los que un observador podría estar actualizando el valor que se está viendo o algún otro cambio de alcance circular.

El segundo problema es con respecto a los conflictos de la glorieta.con tus bibliotecas Bower intenta imponer una jerarquía plana entre los paquetes que clona, ​​lo cual es deseable en el navegador porque reduce el tamaño del archivo / carga útil. Pero para hacer esto, debe asegurarse de que no instale varias versiones de varios paquetes y no sabe qué versiones debería usar, por lo que requiere la intervención del usuario para determinar. Lo más probable es que tenga muchos paquetes que solicitan versiones conflictivas de sus dependencias. Puede usar la interfaz de Bower para seleccionar qué versión prefiere o hacerlo manualmente (¿Cómo resolver los conflictos de versión de dependencia de Bower? tiene buenas instrucciones para hacerlo).

Otra cosa que puede probar con Bower es usar números de versión específicos para sus paquetes. El uso de ~ o .x permite que Bower incluya paquetes de acuerdo con las reglas de semver como se explica aquí: ¿Cuál es la sintaxis de la versión Bower (y npm)?. Esto hace que los conflictos entre dependencias sean más probables. También es inusual usar tanto ~ como .x ya que ambos realizan la misma función.