nicht erfasste Fehler: [$ Injektor: UNPR] Unbekannter Anbieter:

ich derzeit diesen Fehler versucht, meinen Eckige App zu laden:

Uncaught Error: [$injector:unpr] Unknown provider: $$HashMapProvider <- $$HashMap <- $$animateQueue <- $animate <- $compile <- $$animateQueue http://errors.angularjs.org/1.6.4/ $injector/unpr?p0=%24%24HashMapProvider%2…eQueue%20%3C-%20%24animate%20%3C-%20%24compile%20%3C-%20%24%24animateQueue

Der Link in dem Fehler sagt mir nur, dass ich etwas falsch geschrieben, aber nach vierfacher Prüfung ist das hier nicht das Problem. Hier ist meine bower.json Datei:

{ 
    "name": "angular-seed", 
    "description": "A starter project for AngularJS", 
    "version": "0.0.0", 
    "homepage": "https://github.com/angular/angular-seed", 
    "license": "MIT", 
    "private": true, 
    "dependencies": { 
    "angular": "^1.6.4", 
    "angular-route": "~1.5.0", 
    "angular-loader": "~1.5.0", 
    "angular-mocks": "~1.5.0", 
    "html5-boilerplate": "^5.3.0", 
    "angular-animate": "^1.6.4", 
    "angular-material": "^1.1.4" 
    } 
}

Hier ist meine angular.module, die die gleiche ist in meinen beiden view1.js und view2.js

(function() { 
    var module = angular.module("myApp.view2", [ 
    "ngRoute", 
    "ngMaterial", 
    "ngAnimate", 
    "ngAria", 
    "ngMessages", 
    "mdPickers" 
    ]); 

    module.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view2', { 
     templateUrl: 'view2/view2.html', 
     controller: 'View2Ctrl' 
    }); 
    }]); 

    module.controller("View2Ctrl", ['$scope', '$mdpDatePicker', '$mdpTimePicker', function($scope, $mdpDatePicker, $mdpTimePicker){ 
    $scope.currentDate = new Date(); 
    // controller code 
    }]); 
})();

index.html

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>My AngularJS App</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/normalize.css"> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css"> 
    <link rel="stylesheet" href="app.css"> 
    <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script> 
</head> 
<body> 
    <!--[if lt IE 7]> 
     <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 
    <![endif]--> 


    <ul class="menu"> 
    <li><a href="#!/view1">view1</a></li> 
    <li><a href="#!/view2">view2</a></li> 
    </ul> 


    <div ng-view></div> 

    <div>Angular seed app: <span app-version></span></div> 

    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
    <!-- Angular Material requires Angular.js Libraries --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script> 
    <!-- Angular Material Library --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script><script src="app.js"></script> 
    <script src="https://cdn.rawgit.com/alenaksu/mdPickers/0.7.4/dist/mdPickers.min.js"></script> 
    <script src="view1/view1.js"></script> 
    <script src="view2/view2.js"></script> 
    <script src="components/version/version.js"></script> 
    <script src="components/version/version-directive.js"></script> 
    <script src="components/version/interpolate-filter.js"></script> 
</body> 
</html>

Ich habe auch eine package.json für mein Knoten Abhängigkeiten. Das scheint nicht Teil dieses speziellen Problems zu sein, aber ich kann diesen Code hinzufügen, wenn er dazu aufgefordert wird.

Ich habe gesehen und habe diese Frage vor gefragt, aber keine der angebotenen Lösungen geholfen, so frage ich nun an meinem eigenen.

Hier ist der GitHub. Die Version, die mich Fehler verursacht, ist derzeit auf dem Master Branch. https://github.com/eanzalone/AngularDatePicker

Quelle

2017-06-15 Rokitar

bitte zu benutzen, um Ihre index.html wo Sie Ihre Skripte laden – jos

Verwenden Sie die Version von ngAnimate gleich der aktuellen Version von Angular in Ihrem Projekt. Winkelanimation ist 1.5.5. aber eckig ist 1.6.4 – jos

es sieht aus, als ob Sie eckig * zweimal *, einmal durch die Laube und einmal mit einem CDN-Link, und sie sind zwei verschiedene Versionen. – Claies

Stellen Sie sicher, entsprechende Versionen verwenden Ihre bower.json aktualisieren 1.5.0-Version von Winkel

{ 
    "name": "angular-seed", 
    "description": "A starter project for AngularJS", 
    "version": "0.0.0", 
    "homepage": "https://github.com/angular/angular-seed", 
    "license": "MIT", 
    "private": true, 
    "dependencies": { 
    "angular": "^1.5.0", 
    "angular-route": "~1.5.0", 
    "angular-loader": "~1.5.0", 
    "angular-mocks": "~1.5.0", 
    "html5-boilerplate": "^5.3.0", 
    "angular-animate": "^1.5.0", 
    "angular-material": "^1.1.4" 
    } 
}

fügen Sie die Skripte aus den Bower Komponenten selbst liefern

Quelle

2017-06-15 04:30:46 jos

nicht erfasste Fehler: [$ Injektor: UNPR] Unbekannter Anbieter:

Antwort

Verwandte Themen