Javascript Firebase，AngularFire错误：模块Firebase不可用_Javascript_Angularjs_Firebase_Yeoman_Angularfire

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

javascript angularjs firebase

Javascript Firebase，AngularFire错误：模块Firebase不可用,javascript,angularjs,firebase,yeoman,angularfire,Javascript,Angularjs,Firebase,Yeoman,Angularfire,我正在尝试为我的Yeoman AngularJS应用程序设置firebase、angularfire。我在这里学习了这个教程（），但我一直得到一个 Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to: Error: [$injector:modulerr] Failed to instantiate module firebase due to: Error: [$injector:nomo

我正在尝试为我的Yeoman AngularJS应用程序设置firebase、angularfire。我在这里学习了这个教程（），但我一直得到一个

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)

Uncaught错误：[$injector:modulerr]未能实例化模块MyApp，原因是：
错误：[$injector:modulerr]未能实例化模块firebase，原因是：
错误：[$injector:nomod]模块“firebase”不可用！你要么拼错了m……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>

您需要将

firebase

模块作为依赖项注入注入到应用程序中

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

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

应该是

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

您需要将

firebase

模块作为依赖项注入注入到应用程序中

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

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

应该是

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

我有这个问题，发现加载firebase、angularfire和angularfire都很好。像这样

<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>

我遇到了这个问题，发现加载firebase、angularfire和angularfire都很好。像这样

<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>

这也发生在我身上

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

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

关键是我忘了“保存”。当我返回命令行并运行以下命令时：

bower install angularfire --save

然后成功了

这也发生在我身上

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

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

关键是我忘了“保存”。当我返回命令行并运行以下命令时：

bower install angularfire --save

然后成功了

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

完整教程：

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

完整教程：

我在使用node 6.10时遇到了同样的问题，从我尝试了以下建议

<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>

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();

    ...
  }

}

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

<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>

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的引用未定义

我在使用node 6.10时遇到了相同的问题，并且从我尝试了以下建议

<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>

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();

    ...
  }

}

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

<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>

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的引用未定义的问题

您的编辑就是问题所在。脚本在页面上的正确位置，只是在服务器上找不到它们（多么棒的教程）。如果您查看控制台，您将看到404个错误。显然，没有AngularFire的0.8.0版本。如果您查看他们的Github页面，您将看到版本0.7.1、0.7.0、0.6.0、0.5.0等等。如果您将脚本URL中的0.8.0替换为其中一个版本，它应该可以工作。@Ian关于教程，现在我得到了一个“app/scripts/controllers/main.js line 32 col 23'Firebase'未定义”。但我也从教程中得到了这个信息。我应该如何让它工作呢？这里是前面提到的问题的问题，使用生成器angularfire和指定版本的angularfire解决了这个问题。这里的更多细节是您的编辑问题。脚本在页面上的正确位置，只是在服务器上找不到它们（多么棒的教程）。如果您查看控制台，您将看到404个错误。显然，没有AngularFire的0.8.0版本。如果您查看他们的Github页面，您将看到版本0.7.1、0.7.0、0.6.0、0.5.0等等。如果您将脚本URL中的0.8.0替换为其中一个版本，它应该可以工作。@Ian关于教程，现在我得到了一个“app/scripts/controllers/main.js line 32 col 23'Firebase'未定义”。但我也从教程中得到了这个信息。我应该如何让它工作呢？这里是前面提到的问题的问题，使用生成器angularfire和指定版本的angularfire解决了这个问题。这里的更多细节我已经在我的app.js和main.js中尝试过了，但它仍然声明了相同的错误。但是，在这两个文件中，我都没有看到“var myApp=”语法通常在哪里？除非在我的app.js、main.js之外的其他地方有不同的“var myApp=…”，否则这个答案并没有解决我的问题。我已经在我的app.js和main.js中尝试过，但它仍然指出了相同的错误。但是，在这两个文件中，我都没有看到“var myApp=”语法通常在哪里？除非在我的app.js、main.js之外的其他地方有一个不同的“var myApp=…”，否则这个答案并不能解决我的问题。