モジュールのインスタンス化に失敗しました[$ injector:unpr]不明なプロバイダー:$ routeProvider


回答:


404

ngRouteモジュールはコアangular.jsファイルの一部ではなくなりました。$ routeProviderを引き続き使用する場合angular-route.jsは、HTML に含める必要があります。

<script src="angular.js">
<script src="angular-route.js">

APIリファレンス

またngRoute、アプリケーションの依存関係として追加する必要があります。

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

代わりに使用angular-ui-routerなどを計画している場合は$routeProvider 、モジュールから依存関係を削除して.config()、選択した関連するプロバイダー(たとえば$stateProvider)に置き換えます。次に、ui.router依存関係を使用します。

var app = angular.module('MyApp', ['ui.router', ...]);

2
ように思えui-routerますが、スクラッチ(からスタートしている場合は、より柔軟な選択肢かもしれプロジェクトgithub.com/angular-ui/ui-router
gatoatigrado

2
@gatoatigrado- ui.stateアプリをangular-ui-router v0.0.1からv0.2.0にアップグレードしたときの構文の古さに気づきました。つまりui.router名前が使用されるようになりました。混乱が生じましたことをお詫び申し上げます。
Scotty.NET 2013年

3
のCDNアドレスはどこにありangular-route.jsますか?
Sahar Sany

@SaharSany-のドキュメントにangular-routeは、CDNアドレスとその他のオプションが記載されています。現在、ui-router私が知っているCDNはありません。
Scotty.NET 2013

3
ui-routerそれはcdnjsにありますが、それ自体のCDNにはないようです:cdnjs.com/libraries/angular-ui-router
Nick McCurdy

41

スコッティの答えに追加:

オプション1:JSファイルに次のいずれかを含めます。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

オプション2:または、URLを使用して ' angular-route.min.js 'をローカルにダウンロードします。

次に(選択したオプションに関係なく)この 'ngRoute'を依存関係として追加します。

説明: var app = angular.module('myapp', ['ngRoute']);

乾杯!!!


5
申し訳ありませんが、これはすでに提供されている回答と非常によく似ているようです。
Scotty.NET 2013年

2
...他の場所で、ダウンロードしたり、「angular-route.min.js」を参照したりするためのリンクやURLが見つからないことがわかりました。それが私がAnswerで与えたものであり、はい、あなたが話していた 'ngRoute' Dependencyに同意するので、それもMy Answerに追加しました。
mayankcpdixit 2013年

私はjsライブラリの地獄に少し飽き飽きしています。確かに、適切なスタックモジュールをモジュールごとに理解するよりも優れた方法が必要です。

これが@SamanthaAtkinsの実行方法です。必要なものがわかっている場合は、依存関係を挿入し、その依存関係のコードがない場合はJSファイルを含めます。誰かが提案した場合、私はより良い方法をいただければ幸いです。
mayankcpdixit

3

私の場合は、ファイルが誤ったスコープで縮小されたためです。配列を使用してください!

app.controller('StoreController', ['$http', function($http) {
    ...
}]);

コーヒーの構文:

app.controller 'StoreController', Array '$http', ($http) ->
  ...
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.