Question

目前我的index.html具有以下设置。 javascript文件（js / app.js）如下：

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

app.controller('RootCtrl', function($scope, $firebaseObject) {
  var ref = firebase.database().ref();
  $scope.data = $firebaseObject(ref);
});

app.controller('HomeCtrl', function($scope, $firebaseObject) {
  var ref = firebase.database().ref();
  $scope.data = $firebaseObject(ref);
  $scope.pageName = 'Home';
});

app.config(function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'home.html',
    controller: 'HomeCtrl'
  }).when('/location/:locId', {
    templateUrl: 'location.html',
    controller: 'LocationCtrl'
  }).otherwise({
    redirectTo: '/'
  });
});

HTML文件：

<html>

<head>
  <title>Firebase App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <!-- Angular Material requires Angular.js Libraries -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>


  <!-- Firebase Libraries -->
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase-database.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase-messaging.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.5.2/firebase-storage.js"></script>
  <script>
    // Initialize Firebase
    var config = {
      apiKey: "___",
      authDomain: "___.firebaseapp.com",
      databaseURL: "https://___.firebaseio.com",
      storageBucket: "___.appspot.com",
      messagingSenderId: "___"
    };
    firebase.initializeApp(config);
  </script>

  <!-- AngularFire -->
  <script src="https://cdn.firebase.com/libs/angularfire/2.1.0/angularfire.min.js"></script>
  <script src="js/app.js"></script>
</head>

<body ng-app="app" ng-controller="RootCtrl">
  <div ng-view>
  </div>
</body>

</html>

运行此命令会出现以下错误：

angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=app&p1=Error%3A%20%…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.8%2Fangular.min.js%3A43%3A336)(…)

不确定出了什么问题。另外做了一些调试，注意到这个失败是在尝试注入firebase模块时引起的。

Answer 1

在我的机器上获取您的代码并构建您的应用后，我最好的猜测String url = "http://games.espn.com/ffl/leaguesetup/ownerinfo?leagueId=123456&seasonId=2016"; String rawData = "{\"loginValue\":\"myusername\",\"password\":\"mypassword\"}"; URL obj = new URL(url); HttpURLConnection con = (HttpURLConnection) obj.openConnection(); con.setRequestMethod("POST"); con.setRequestProperty("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8"); con.setRequestProperty("Accept-Encoding", "gzip, deflate"); con.setRequestProperty("Accept-Language", "en-US,en;q=0.5"); con.setRequestProperty("Authorization", "APIKEY 8IYGqTgmpFTX51iF1ldp6MBtWrdQ0BxNUf8bg5/empOdV4u16KUSrnkJqy1DXy+QxV8RaxKq45o2sM8Omos/DlHYhQ=="); con.setRequestProperty("Cache-Control", "no-cache"); con.setRequestProperty("Content-Length", "52"); con.setRequestProperty("Content-Type", "application/json; charset=UTF-8"); con.setRequestProperty("Expires", "-1"); con.setRequestProperty("Host", "registerdisney.go.com"); con.setRequestProperty("Origin", "https://cdn.registerdisney.go.com"); con.setRequestProperty("Pragma", "no-cache"); con.setRequestProperty("Referer", "https://cdn.registerdisney.go.com/v2/ESPN-ESPNCOM-PROD/en-US?include=config,l10n,js,html&scheme=http&postMessageOrigin=http%3A%2F%2Fwww.espn.com%2F&cookieDomain=www.espn.com&config=PROD&logLevel=INFO&topHost=www.espn.com&ageBand=ADULT&countryCode=US&cssOverride=https%3A%2F%2Fsecure.espncdn.com%2Fcombiner%2Fc%3Fcss%3Ddisneyid%2Fcore.css&responderPage=https%3A%2F%2Fwww.espn.com%2Flogin%2Fresponder%2Findex.html&buildId=157599bfa88"); con.setRequestProperty("User-Agent", "Mozilla/5.0 (Windows NT 6.3; WOW64; rv:29.0) Gecko/20100101 Firefox/29.0"); con.setRequestProperty("conversation-id", "5a4572f4-c940-454c-8f86-9af27345c894, adffddd3-8c31-41a0-84d7-7a0401cd2ad0"); con.setRequestProperty("correlation-id", "4d9ddc78-b00e-4c5a-8eec-87622961fd34") con.setDoOutput(true);` OutputStreamWriter w = new OutputStreamWriter(con.getOutputStream(), "UTF-8"); w.write(rawData); w.close(); int responseCode = con.getResponseCode(); BufferedReader in = new BufferedReader(new InputStreamReader(con.getInputStream())); String inputLine; StringBuffer response = new StringBuffer(); while ((inputLine = in.readLine()) != null) { response.append(inputLine); } in.close();无法看到您的ng-app="app"文件。当你声明app.js时，Angular会查找名为你命名的模块（在这种情况下，＆＃34; app＆＃34;）。如果它找不到它，你会得到你得到的错误（当然，这是非常模糊的）。

您的服务器未正确设置以查找ng-app或您声明的路径不正确。测试此方法的一种方法是将app.js放在与app.js相同的文件夹中，然后替换

index.html

与

<script src="js/app.js"></script>

很想听听最终解决你问题的方法。

Answer 2

根据你在另一个答案和你的剧本中的评论：

问题在于您的app.js脚本。当您缩小脚本时，您的变量将被重命名，在这种情况下，$routeProvider将变为e，而angular将无法再注入。将配置调用更改为：

app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'home.html',
    controller: 'HomeCtrl'
  }).when('/location/:locId', {
    templateUrl: 'location.html',
    controller: 'LocationCtrl'
  }).otherwise({
    redirectTo: '/'
  });
}]);

此外，对您的控制器进行类似的更改。让我知道这个是否奏效。

尝试配置angularfire时注入错误

2 个答案: