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但我可能会把它放在错误的地方。我尝试将它放在头部标签之间，正好是凉亭组件，以及我所有脚本旁边的

<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

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

代码中的某个地方，你有这个，

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

应该是

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

Answer 2

这也发生在我身上。

我添加了angularfire依赖项（ bower install angularfire ）
我添加了＆＃39; firebase＆＃39;在创建模块时进入依赖项数组。

然而，我仍然收到错误＆＃34;模块＆＃39; firebase＆＃39;不可用＆＃34;。

关键是我忘记了＆＃34; - 保存＆＃34;。当我回到我的命令行并运行它：

bower install angularfire --save

然后它奏效了！

Answer 3

要在项目中使用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 4

我使用节点6.10和Uncaught ReferenceError: Firebase is not defined上的信息遇到了同样的问题我尝试了以下建议

<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不可用

4 个答案: