Firebase，AngularFire错误：模块firebase不可用

Question

我正在尝试为我的Yeoman，AngularJS应用程序设置firebase，angularfire。 我在这里（ https://www.firebase.com/tutorial/#tutorial/angular/0 ）遵循了本教程，但是我不断得到

Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to:
Error: [$injector:modulerr] Failed to instantiate module firebase due to:
Error: [$injector:nomod] Module 'firebase' is not available! You either misspelled the m...<omitted>...1)

我该如何克服？

我相信正是本教程中的这两行说它为我们下载了firebase，但我可能把它放错了地方。 我试着将其放在head标签之间，就在Bower组件之间，以及所有脚本的旁边

<script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script>
<script src='https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js'></script>

Answer 1

我遇到了这个问题，发现先加载火力基地，然后再进行角向射击，然后再进行角向射击工作正常。 像这样

<head>
  <script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/services.js"></script>
  <script src="https://cdn.firebase.com/libs/angularfire/1.0.0/angularfire.min.js"></script>
</head>

Answer 2

您需要在应用程序中注入firebase模块作为依赖项注入

在代码中的某个地方，您已经有了

var myApp = angular.module("myApp",[]);

它应该是

var myApp = angular.module("myApp",['firebase']);

Answer 3

这也发生在我身上。

我已经添加了angularfire依赖项（ bower install angularfire ）
创建模块时，我已将“ firebase”添加到依赖项数组中。

但是，我仍然收到错误“模块'firebase'不可用”。

关键是我忘记了“-保存”。 当我回到命令行并运行此命令时：

bower install angularfire --save

然后成功了！

Answer 4

为了在项目中使用AngularFire，请包含以下脚本标签：

<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.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.2.0/angularfire.min.js"></script>

完整的教程： https : //www.firebase.com/docs/web/libraries/angular/quickstart.html

Answer 5

我使用节点6.10并从Uncaught ReferenceError上的信息遇到了相同的问题：Firebase未定义，我尝试了如下建议

<head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>

但是它没有用。 所以我要做的是使用angular-cli如下安装firebase和angularfire

npm install firebase --save
npm install angularfire --save

在您的AppComponent文件中，您可以按以下方式定义类

export class AppComponent {
  ...

  constructor() {
    // Initialize Firebase
    var config = {
      apiKey: "...",
      authDomain: "...",
      databaseURL: "...",
      projectId: "...",
      storageBucket: "...",
      messagingSenderId: "..."
    };
    // firebase.initializeApp(config);
    initializeApp(config);

    // var root = firebase.database().ref();
    var firebaseRec= database().ref();

    ...
  }

}

这将解决对firebase的引用未定义的问题

Firebase，AngularFire错误：模块firebase不可用

问题描述

5 个解决方案

解决方案1
5 2015-04-29 21:54:03

解决方案2
1 2014-07-29 17:05:59

解决方案3
0 2016-04-30 16:40:20

解决方案4
0 2016-05-16 17:19:23

解决方案5
0 2017-04-22 14:34:00

Firebase，AngularFire错误：模块firebase不可用

问题描述

5 个解决方案

解决方案1 5 2015-04-29 21:54:03

解决方案2 1 2014-07-29 17:05:59

解决方案3 0 2016-04-30 16:40:20

解决方案4 0 2016-05-16 17:19:23

解决方案5 0 2017-04-22 14:34:00

解决方案1
5 2015-04-29 21:54:03

解决方案2
1 2014-07-29 17:05:59

解决方案3
0 2016-04-30 16:40:20

解决方案4
0 2016-05-16 17:19:23

解决方案5
0 2017-04-22 14:34:00