Fatal编程技术网
  • javascript/
  • Javascript Angularjs物料$injector错误

Javascript Angularjs物料$injector错误

javascript angularjs angular-material

Javascript Angularjs物料$injector错误,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,Idk正在发生什么，但我找不到任何原因来解释为什么我在尝试使用AngularJs材质时出现$injector错误。我真的不知道该去哪里问。我想尽了一切可能的办法来解决这个问题，但我做不到。问题是，在它开始工作之前，我有了一个想法，从棱角材料中添加一些很棒的样式。救命啊。。。 下面基本上是该项目的简化示例 Unknown provider: $$HashMapProvider <- $$HashMap <- $$animateQueue <- $animate <

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)
您使用的是angular js版本1.6.6，因此angular animate和aria应该使用相同的版本。animate模块在最新版本中出现了一些问题，如果您无法解决此问题，请尝试使用较低版本（例如：使用angular 1.5.x和angular animate 1.5.x和angular aria 1.5x）

您使用的是angular js 1.6.6版，因此对于angular animate和aria，您应该使用相同的版本。animate模块在最新版本中存在一些问题，如果您无法解决此问题，请尝试使用较低版本（例如：使用angular 1.5.x和angular animate 1.5.x和angular aria 1.5x）

对css和js使用相同版本的angular material。有几个类似的问题。这些答案解决了你的问题吗？对css和js使用相同版本的angular material。几个类似的问题。这些答案能解决你的问题吗？先放置jsfiddle，然后放置plsPlace jsfiddle，然后放置pls 
<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>

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'})
});