problèmes de version de fixation dans le berceau après l'installation de matériau angulaire

Question

J'ai un projet qui utilisait la version angulaire 1.4. J'ai installé angular material par Bower et puis par la suite reçu l'erreur suivante:

Uncaught TypeError: angular.module(...).info is not a function 

je lis ce fut à voir avec la version angulaire J'utilise donc je mis à jour angulaire puis angular-animate à 1,6. Cependant, cela n'a pas résolu le problème. J'ai essayé d'exécuter bower update mais j'ai toujours l'erreur ci-dessus.

Quand je courais, j'ai reçu charmille mise à jour l'avertissement suivant ...

Resort to using angular#~1.4.2 which resolved to angular#1.4.14 
Code incompatibilities may occur. 

c'est le contenu de mon dossier bower.json:

{ 
    "name": "node-template", 
    "version": "0.0.0", 
    "main": [ 
    "./public/styles/*.css", 
    "./public/scripts/*.js" 
    ], 
    "dependencies": { 
    "angular-animate": "1.6", 
    "angular-sanitize": "~1.4.2", 
    "angular-messages": "~1.4.2", 
    "bootstrap-sass": "~3.3.5", 
    "jquery": "~2.1.4", 
    "angular": "1.6", 
    "angular-ui-router": "~0.2.15", 
    "angular-bootstrap": "~2.5.0", 
    "angular-google-chart": "~0.1.0", 
    "velocity": "~1.4.2", 
    "animate.css": "~3.5.2", 
    "angular-file-saver": "~1.1.3", 
    "ng-file-upload": "~12.2.13", 
    "ng-img-crop": "ngImgCrop#~0.3.2", 
    "angularfire": "~2.3.0", 
    "angular-material": "~1.1.4" 
    }, 
    "devDependencies": { 
    "angular-mocks": "~1.4.2" 
    }, 
    "overrides": {}, 
    "resolutions": { 
    "jquery": "~2.1.4", 
    "angular": "~1.4.2" 
    } 
} 

Est-ce charmille me dit que je suis en utilisant la version 1.4 ? Je ne comprends pas pourquoi il ne peut pas résoudre les problèmes de version que je rencontre?

Edit:

voici mon nouveau bower.json après la mise à niveau angulaire 1.5:

{ 
    "name": "node-template", 
    "version": "0.0.0", 
    "main": [ 
    "./public/styles/*.css", 
    "./public/scripts/*.js" 
    ], 
    "dependencies": { 
    "angular-animate": "1.4", 
    "angular-sanitize": "~1.4.2", 
    "angular-messages": "~1.4.2", 
    "bootstrap-sass": "~3.3.5", 
    "jquery": "~2.1.4", 
    "angular": "1.5", 
    "angular-ui-router": "~0.2.15", 
    "angular-bootstrap": "~2.5.0", 
    "angular-google-chart": "~0.1.0", 
    "velocity": "~1.4.2", 
    "animate.css": "~3.5.2", 
    "angular-file-saver": "~1.1.3", 
    "ng-file-upload": "~12.2.13", 
    "ng-img-crop": "ngImgCrop#~0.3.2", 
    "angularfire": "~2.3.0", 
    "angular-material": "~1.1.4" 
    }, 
    "devDependencies": { 
    "angular-mocks": "~1.4.2" 
    }, 
    "overrides": {}, 
    "resolutions": { 
    "jquery": "~2.1.4", 
    "angular": "1.5" 
    } 
} 

Answer 1

Vous avez angulaire 1.4.14 installé. En regardant le bower.json pour le matériel angulaire, la version minimale d'AngularJS requise pour le paquet est 1.5, ce qui est probablement la raison pour laquelle vous avez des erreurs. Pouvez-vous ne pas mettre à jour à AngularJS 1.5?

A défaut, je vous suggère d'installer une version plus ancienne de la matière angulaire qui est compatible avec 1.4.x

Answer 2

L'erreur que je voyais ...

angular.module(...).info is not a function 

... semble survenir lorsque la version de angular-aria (requise par angular-material) est plus récente que la version de angular. J'ai réussi à faire fonctionner mon build en réglant angular-aria sur la même version que angulaire.