未捕获的引用错误：未定义 Firebase

Question

我正在尝试按照教程在 firebase 中设计数据库，但在 JavaScript 控制台中出现以下错误：

未捕获的引用错误：未定义 Firebase

Here is the link to the tutorial, and the code snippet that I was trying to run in the JavaScript console is: https://www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 1

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 2

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 3

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 4

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 5

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 6

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 7

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 8

如果有人在 2021 年 7 月遇到此问题，这是我的解决方案：

1.) 使用命令行！！！ 这容易多了！！！ （只需执行npm install -g firebase-tools

2.) CD 到您的首选目录并执行firebase login

3.) 根据您的 firebase 登录。

4.) 通过所有步骤执行firebase init和 go

5.) 在您的public/文件夹中创建一个app.js文件

6.）添加此代码：

document.addEventListener('DOMContentLoaded', event => {
        const app = firebase.app();
});

现在你应该一切都好，只要确保在 EventListener 中编写任何与 FireBase 交互的代码

您的项目应如下所示：

Answer 9

我正在尝试遵循有关在Firebase中设计数据库的教程，但是在JavaScript控制台中却遇到以下错误：

未被捕获的ReferenceError：未定义Firebase

这是教程的链接，而我试图在JavaScript控制台中运行的代码段为： https : //www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Answer 10

我也面临同样的问题。 问题出在我的api.js文件上。

const api = liveAPi;

var firebaseConfig = {
  apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  projectId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  appId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
  measurementId: "xxxxxxxxxxxxx"
};
  // Initialize Firebase
firebase.initializeApp(firebaseConfig);

它清楚地表明它没有访问 firebase object。 Firebase 建议通过<script src="https://www.gstatic.com/firebasejs/8.7.0/firebase-app.js">添加js文件，

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.7.0/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.7.0/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      projectId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      appId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      measurementId: "xxxxxxxxxxxxx"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

但我正在访问 js 文件中的 firebase 对象。

所以要解决这个问题：将这些添加到 firebase object 之前，将 api.js 文件包含在 Z4C4AD5FCAED2E07A3F744DBB 中，如：CED-007A3F744DB1

<script src="https://www.gstatic.com/firebasejs/8.7.0/firebase-app.js"></script>

<script src="../js/fetch/api.js"></script>

这将使 api.js 能够访问 firebase object。

还有一些其他方法与访问 javascript 文件中的那些 firebase 对象相关，但 firebase 通过全局 ZA668ZFDE63131BDC49 提供的默认设置是安全的。

并且，在 APP.js 中编写所有 Javascript 代码并访问 firebase 对象和方法的方法也是一个不错的选择，但对于较大的项目来说非常痛苦。 由于您需要重构代码并将其捆绑/包含到一个文件 App.js 中。

Answer 11

Answer is to add this to your head tag in the html file I think this should solve the problem Add Firebase SDK: https://firebase.google.com/docs/database/web/start?authuser=0

如果没有解决，那么 go 到这个站点： https://firebase.google.com/docs/database/web/read-and-write?authuser=0

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

很高兴能帮助你

Answer 12

我有一个问题，你怎么能添加但在js文件中？？？ 我不是只使用 js 的 htm 文件！