角度模块加载失败

Angular Module Failed to Load

本文关键字：失败 加载 模块      更新时间：2023-09-26

由于某种原因，我的模块无法加载。我不明白上面写着：

未捕获错误：[$injector:modulerr]https://docs.angularjs.org/error/$injector/modulerr？p0＝reddit克隆&p1=错误：%20%5B$注入器：unp%5D%20http:%2F%2Ferrors.angularjs.org/2F1.2.26%2F$注入者%2Funp%3Fp0%3D%2524routeProvider%0A%20%20%20%20at%20Error%20（本机）%0A%20%20%20at:2F%2Fjax.googleapis.com%2Fjax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:6:450%0A%2%20%20%20%20at%2F%2Fax.googleapis.com%2Ajax%2Libs%2Angularjs%2F1.2.26%2Angular.min.js:36:202%0A%20%20%20at%20c%20（http://2F%2Fjax.googleapis.com%2Fjax%2Flibs%2Angularjs%2F1.2.26%2Angular.min.js:34:305）%0A%20%20%20at%20Object.d%20%5Bas%20invoke%5D%20 rjs%2F1.2.26%2Angular.min.js:394%0A%20%20%20at%20r%20（http://2F%2Fjax.googleapis.com%2Fjax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js:7:290）%0A%20%20%20%20at%20e%20（http://%2F%2Fjax.googleapis.com%2Fax%2Flibs%2Fanglerjs%2F1.26%2Fangle.min.js:33:207）%0A+20%20%20at%20c%20 min.js:36:309）%0A%20%20%20at%20c%20（http://%2F%2Fax.googleapis.com%2Fax%2Flibs%2Angularjs%2F1.2.26%2Angular.min.js:18:170

是的，一个非常大的https，基本上是说如果你收到这个错误，你的模块就无法加载。请帮忙，这是我的代码：

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:

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：

<h1>Hey Guys this is cool</h1>

您还需要在shell中指定ng-app。

<body ng-app="reddit-clone" style="margin:20px">
相关文章：