未能实例化模块[$ injector：unpr]未知提供者：$ routeProvider

402

ngRoute模块不再是核心angular.js文件的一部分。如果您继续使用$ routeProvider那么你现在需要包括angular-route.js在你的HTML：

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

您还必须添加ngRoute为您的应用程序的依赖：

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

如果您正计划使用angular-ui-router或类似方法，则只需从模块.config()中删除$routeProvider依赖项，并将其替换为相关的pro选择的视频（例如， $stateProvider）。这样，你会使用ui.router依赖性：

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

2013-08-28 07:34:41

+2

好像'UI-router'项目可能是一个更灵活的选择，如果你从头（https://github.com/angular-开始ui/ui-router） – gatoatigrado

+0

It works，thanks :) –

+2

@gatoatigrado - 我刚从'angular-ui-router' ** v0.0.1 **升级我的应用程序时'ui.state'的语法已经过时了。到** v0.2.0 **，这意味着它现在使用'ui.router'名称。我对造成的任何困惑表示歉意。 –

40

添加到斯科蒂的回答是：

选项1：无论是包括这在你的JS文件：

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

选项2：或只使用将“angular-route.min.js”下载到本地的URL。

然后（无论你选择什么选项）添加这个'ngRoute'作为依赖。

解释说： var app = angular.module('myapp', ['ngRoute']);

干杯！

2013-10-24 04:26:45 mayankcpdixit

+5

对不起，但我不得不承认，这似乎非常类似于已经提供的答案?? –

+2

...在其他地方，我发现人们无法找到链接/ URL来下载或引用'angular-route.min.js'。这就是我在答案中给出的和是的，我同意你谈论的'ngRoute'依赖关系，所以我在我的答案中也添加了这一点。 – mayankcpdixit

+0

我比js图书馆地狱有点累。当然必须有比通过模块找出合适的堆栈模块更好的方法。 – 2014-05-13 20:08:21

3

在我的情况下，这是因为该文件被缩小了错误的范围。使用数组！

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

咖啡语法：

app.controller 'StoreController', Array '$http', ($http) -> 
    ...

2014-06-28 13:04:49 Luxiyalu

回答