[英]Angular Module Failed to Load
For some reason my module failed to load. 由于某种原因,我的模块无法加载。 I dont understand It says: 我不明白它说:
Uncaught Error: [$injector:modulerr] https://docs.angularjs.org/error/ $injector/modulerr?p0=reddit-clone&p1=Error:%20%5B$injector:unpr%5D%20http:%2F%2Ferrors.angularjs.org%2F1.2.26%2F$injector%2Funpr%3Fp0%3D%2524routeProvider%0A%20%20%20%20at%20Error%20(native)%0A%20%20%20%20at%20http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:6:450%0A%20%20%20%20at%20http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:36:202%0A%20%20%20%20at%20c%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:34:305)%0A%20%20%20%20at%20Object.d%20%5Bas%20invoke%5D%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:35:6)%0A%20%20%20%20at%20http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:33:394%0A%20%20%20%20at%20r%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:7:290)%0A%20%20%20%20at%20e%20(http:%2F%2Fajax.go 未捕获的错误:[$ injector:modulerr] https://docs.angularjs.org/error/ $ injector / modulerr?p0 = reddit-clone&p1 = Error:%20%5B $ injector:unpr%5D%20http:%2F% 2Ferrors.angularjs.org%2F1.2.26%2F $ injector%2Funpr%3Fp0%3D%2524routeProvider%0A%20%20%20%20at%20Error%20(native)%0A%20%20%20%20%20at20at%20http :%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:6:450%0A%20%20%20%20at%20http:%2F%2Fajax.googleapis.com %2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:36:202%0A%20%20%20%20at%20c%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs% 2Fangularjs%2F1.2.26%2Fangular.min.js:34:305)%0A%20%20%20%20at20at%20Object.d%20%5Bas%20invoke%5D%20(http:%2F%2Fajax.googleapis。 com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:35:6)%0A%20%20%20%20at%20http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs% 2F1.2.26%2Fangular.min.js:33:394%0A%20%20%20%20at%20r%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular .min.js:7:290)%0A%20%20%20%20at20at%20e%20(http:%2F%2Fajax.go ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:33:207)%0A%20%20%20%20at%20gc%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:36:309)%0A%20%20%20%20at%20c%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:18:170 ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:33:207)%0A%20%20%20%20at20at%20gc%20(http:%2F%2Fajax.googleapis.com% 2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:36:309)%0A%20%20%20%20at%20c%20(http:%2F%2Fajax.googleapis.com%2Fajax%2Flibs% 2Fangularjs%2F1.2.26%2Fangular.min.js:18:170
Yeah a preety big https that is basically saying if you recieve this error your module failed to load. 是的,一个可爱的大https基本上是说如果您收到此错误,则模块加载失败。 Please help, here is my code: 请帮助,这是我的代码:
index.html: index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-route.min.js"></script>
<!-- Firebase -->
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/1.1.3/angularfire.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body style="margin:20px">
<h1 style = "text-align:center"> Reddit Clone</h1>
<div ng-view></div>
</body>
</html>
app.js: app.js:
var app = angular.module('reddit-clone' , ['ngRoute', 'firebase'])
app.config(function($routeProvider){
$routeProvider.when('/',{
controller:'MainController'
templateUrl:'main.html'
})
.otherwise({
redirectTo:'/'
})
})
app.controller('MainController', function($scope, firebase){
})
main.html: main.html:
<h1>Hey Guys this is cool</h1>
您还需要在外壳中指定ng-app
。
<body ng-app="reddit-clone" style="margin:20px">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.