不明なエラー：でも読み込みNG-ルート

私はこの恐ろしいエラーを取得しています

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module usersApp due to: 
Error: [$injector:modulerr] Failed to instantiate module ngRoute due to: 
Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

私が間違ってやっているのかわからない：app.js：

(function() { 

    var app = angular.module('usersApp', 
     ['ngRoute']); 

    app.config(['$routeProvider', function ($routeProvider) { 

     var viewBase = '/'; 

     $routeProvider 
      .when('/users', { 
       controller: 'MainController', 
       templateUrl: viewBase + 'users/users.html', 
       controllerAs: 'vm' 
      }) 
      .when('/add', { 
       controller: 'OrdersController', 
       templateUrl: viewBase + 'add/orders.html' 
      }) 
      .otherwise({ redirectTo: '/users' }); 

    }]); 


}());

インデックス。 html：

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 

    <script src="app.js"></script> 
    </head> 
    <body ng-app="usersApp" ng-controller="MainCtrl"> 
    <h1>uSers</h1> 
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;"> 
    {{user}} 
    </div> 
    </body> 
</html>

ご協力いただきありがとうございます！

出典

2016-07-30 Atlante Avila

あなたは –

<スクリプトSRC = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/角度のルートでバージョン1.5.8を使用してくださいすることができますangular.min.js "> –

でangular.route.jsを含めるように欠けています。さらに、角度の異なる2つのバージョンをロードする必要はありません。これにあなたのメインのHTMLを変更：

<html> 
    <head> 
    <title>My Angular App!</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.min.js"></script> 

    <script src="app.js"></script> 
    </head> 
    <body ng-app="usersApp" ng-controller="MainCtrl"> 
    <h1>uSers</h1> 
    <div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;"> 
    {{user}} 
    </div> 
    </body> 
</html>

出典

2016-07-30 17:36:56

です。これで問題は解決しました。 –

あなたがangular-routeを含めるのを忘れたindex.html

出典

2016-07-30 17:35:15

私はそれをどのように含めるか教えていただけますか？このスクリプトタグには、次のようなスクリプトタグが含まれていると思った： ' ' –

–

あなたが指定したパスはローカル –

不明なエラー：でも読み込みNG-ルート

答えて

関連する問題