2

Uncaught Error: [$injector:modulerr] というエラーが表示されます

以下のjsファイルを含めました

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
    <script src="lib/jquery-1.12.1.min.js"></script>

私のjsコードは

angular.module('website',['ngRoute','ngResource']).
     config(function($routerProvider){
        $routerProvider.
            when('/about',{template:'templates/about.html'}),
            when('/careers',{template:'templates/careers.html'}),
            when('/signup',{template:'templates/signup.html'}),
            otherwise({redirectTo : '/home', template:'/home.html'})
    })

function mainController($scope){

}

行方不明の私を誰か助けてください。

編集: エラー ログは次の理由により、モジュール Web サイトのインスタンス化に失敗しました: エラー: [$injector:unpr] http://errors.angularjs.org/1.4.5/ $injector/unpr?p0=%24ro... at Error (ネイティブ) https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416 ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4 ) Object.e [ _ _ as invoke] ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:64 ) d ( https://ajax.googleapis.com/ajax/libs ) /angularjs/1.4.5/angular.min.js:37:279 ) でhttps://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:403 at n ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4. 5/angular.min.js:7:322 ) g ( https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180 ) で eb ( https: //ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435

4

1 に答える 1

3

作業プランナー

に変更$routerProviderし$routeProviderます。,構成で置き換え.ます。例えば：

when('/about',{template:'templates/about.html'}),
when('/careers',{template:'templates/careers.html'})

に

when('/about',{template:'templates/about.html'})
.when('/careers',{template:'templates/careers.html'})

JavaScript コードは次のようになります。

var website = angular.module('website',['ngRoute','ngResource']);

     website.config(function($routeProvider){
        $routeProvider.
            when('/about',{template:'templates/about.html'})
            .when('/careers',{template:'templates/careers.html'})
            .when('/signup',{template:'templates/signup.html'})
            .otherwise({redirectTo : '/home', template:'/home.html'})
    }) 

website.controller('mainController', function($scope){

});

詳細については、この例をご覧ください。

問題が解決することを願っています。

于 2016-04-04T03:17:12.630 に答える