Angularjs材料$注入器错误

时间:2017-11-08 12:30:20

标签: javascript angularjs angular-material

Idk发生了什么,但我找不到任何原因导致我在尝试使用AngularJs材料时出现这个$ injector错误。我真的不知道在哪里问。我尝试了一切可能的方法来解决这个问题,但我无法做到。事情是,在它工作正常之前,我有一个想法,从角材料添加一些很棒的风格。救命... 基本上下面是项目的缩短示例。

Unknown provider: $$HashMapProvider <- $$HashMap <- $$animateQueue <- $animate 
    <- $compile <- $mdUtil <- $mdTheming <- $$animateQueue

jquery-3.2.1.min.js:2 Uncaught Error: [$injector:unpr] http://errors.angularjs.org/1.6.6/$injector/unpr?p0=%24%24HashMapProvider%20%3C-%20%24%24HashMap%20%3C-%20%24%24animateQueue%20%3C-%20%24animate%20%3C-%20%24compile%20%3C-%20%24mdUtil%20%3C-%20%24mdTheming%20%3C-%20%24%24animateQueue
    at angular.min.js:7
    at angular.min.js:46
    at Object.d [as get] (angular.min.js:43)
    at angular.min.js:46
    at d (angular.min.js:43)
    at e (angular.min.js:44)
    at Object.invoke (angular.min.js:44)
    at angular.min.js:46
    at d (angular.min.js:43)
    at e (angular.min.js:44)

HTML

<html lang="en" ng-app="app" ng-cloak>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>qwe</title>

    <!-- <link rel="stylesheet" type="text/css" href="src/css/bundle.css"> -->
    <link rel="stylesheet" type="text/css" href="src/css/app.css">
    <link rel="stylesheet" type="text/css" href="src/lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="src/lib/font-awesome.min.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">

</head>
<body>

<div ng-view></div>

<script src="src/lib/angular.min.js"></script>
<script src="src/lib/angular-route.min.js"></script>

<!-- AngularJS Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script>


<!-- AngularJS Material Javascript now available via Google CDN; version 1.1.4 used here -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script>

<script src="src/js/registration.js"></script>
</html>

JS

var app = angular.module('app', ['ngRoute', 'ngMaterial']);
app.config(function($routeProvider, $locationProvider) {
  $routeProvider
    .when('/', {templateUrl: 'view/reg/reg.html',controller: 'registration'})
    .when('/view/login', {templateUrl: 'view/login/login.html', controller: 'login'})
});

1 个答案:

答案 0 :(得分:2)

您正在使用角度js版本1.6.6,因此您应该使用相同版本的角度动画和咏叹调。动画模块在最新版本中存在一些问题,如果您没有设法使用较低版本解决此尝试(例如:使用角度1.5.x和角度动画1.5.x和角度咏叹调1.5x)< / p>