错误:$ injector:unpr未知提供者$$ rAFProvider

时间:2016-07-26 01:41:13

标签: javascript angularjs angularjs-material angularjs-module

我收到this错误。

当我一直点击我得到的链接时:

Error: $injector:modulerr
Module Error
Failed to instantiate module Hive due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.2.7/$injector/modulerr?p0=n...)

to

Error: $injector:modulerr
Module Error
Failed to instantiate module ngMaterial due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.2.7/$injector/modulerr?p0=m...)

to

Error: $injector:modulerr
Module Error
Failed to instantiate module material.core due to:
Error: [$injector:unpr] http://errors.angularjs.org/1.2.7/$injector/unpr?p0=%24%2...

to

Error: $injector:unpr
Unknown Provider
Unknown provider: $$rAFProvider

现在这是我的index.html代码:

<!DOCTYPE html>
<html>

<head>
    <meta id="meta" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link href='https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/dist/css/vendor.min.css" type="text/css" />
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.css">
    <script type="text/javascript" src="assets/dist/js/vendor.min.js"></script>






    <link rel="stylesheet" href="global.css" type="text/css" />


    <link href="https://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="https://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>



    <script type="text/javascript" src="app/app.module.js"></script>
    <script type="text/javascript" src="app/app.route.js"></script>
    <script type="text/javascript" src="assets/dist/js/app.min.js"></script>


</head>


    <body ng-app="Hive">


      <div ui-view class="main_view">
      </div>


   <ion-tabs class="tabs-icon-top tabs-energized">

        <ion-tab title="Home" icon="ion-home" ui-sref="home">
          <ion-nav-view name="home-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Discussions" icon="ion-android-contacts" ui-sref="discussions">
          <ion-nav-view name="discussions-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Board" icon="ion-ios-list-outline" ui-sref="board">
          <ion-nav-view name="list-tab"></ion-nav-view>
        </ion-tab>


             <ion-tab title="Me" icon="ion-android-happy" ui-sref="me">
          <ion-nav-view name="profile-tab"></ion-nav-view>
        </ion-tab>

      </ion-tabs>


  </body>


</html>

app.module.js:

(function (angular) {
    'use strict';
    angular.module('Hive', [
            'ionic',
            'ui.router',
            'ngMaterial',
            'firebase',
            'ngMessages',
        ]
    );

})(angular);

如果你想知道vendor.min.js是什么,它基本上所有的libs即将显示组合到一个文件缩小:

 vendor_js: [
        'assets/lib/js/ionic/ionic.min.js',
        'assets/lib/js/angular/angular.min.js',
        'bower_components/angular-ui-router/release/angular-ui-router.min.js',
        'bower_components/angular-material/angular-material.min.js',
        'bower_components/angular-animate/angular-animate.min.js',
        'bower_components/angular-aria/angular-aria.min.js',
        'bower_components/angular-messages/angular-messages.min.js',
        'assets/lib/js/angular-ui/angular-ui-router.min.js',
//        'assets/lib/js/ionic/ionic-angular.min.js',
       'assets/lib/js/firebase/firebase.js',
        'assets/lib/js/firebase/angularfire.min.js',
    ],

如果您想知道app.min.js是什么,它的所有控制器,服务等......

非常感谢帮助(因为我现在被困在这个问题大约10个小时......)!谢谢:))

0 个答案:

没有答案