2016-01-23 42 views
11

我試圖按照教程上設計的火力點一個數據庫,但我得到的JavaScript控制檯以下錯誤:未捕獲的ReferenceError:火力地堡沒有定義

Uncaught ReferenceError: Firebase is not defined

這裏是鏈接到教程,而我試圖在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"); 
}); 
+3

這意味着你沒有包括在你的頁面的火力地堡JavaScript庫呢。我建議您從這篇[5分鐘的互動教程](https://www.firebase.com/tutorial/)開始,而不是從博客文章開始。它解釋了在第一步中要添加的內容。 –

+0

非常感謝,我根據您的建議添加了以下行:src ='https://cdn.firebase.com/js/client/2.2.1/firebase.js' 但是我仍然收到同樣的錯誤。另外,如果代碼成功執行,我應該期待什麼? – Eddev

+0

按照我所鏈接的教程,您將擁有一個小型聊天應用程序。如果您在本地設置中遇到問題,請在您的問題*中顯示確切的,完整的,但最少的代碼*(其下有一個「編輯」鏈接)。你現在的代碼是正確的,只是不完整。 –

回答

7

在標題中,包括以下內容:

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

這將解決這個問題。

+0

這是新腳本'' – Suhaib

+0

需要添加更多內容請在這裏閱讀https://firebase.google .com/docs/web/setup –

1

當通過「離子添加火力點」安裝Firebase時,我遇到了同樣的問題。這添加了Firebase版本3.2.0。然後,在尋找答案的同時,我嘗試了版本2.4.2的cdn,並且錯誤消失了,所以我想通過離子下載的版本是導致錯誤的原因,所以我下載了2.4.2版本,現在它可以工作。

希望這會有所幫助。

14

有關於如何遷移到新版本的指南。
你可以找到它:https://firebase.google.com/support/guides/firebase-web

這裏是你

enter image description here

+0

當我添加此代碼時,我得到「ReferenceError:firebase未定義」。你從哪裏得到「firebase」變量? – Jim

+0

@Jim是否將'firebase.js'添加到您的'html'文件中? –

+0

我嘗試通過腳本標記,bower安裝和npm安裝添加firebase.js。我總是得到firebase沒有定義的錯誤。 :(檢查這個問題:https://github.com/firebase/angularfire/issues/362 – Jim

0

我有firebase.util lib中的問題的相關片段,如羅德里戈說,我認爲是版本的問題。

前:

var ref = new Firebase('url'); 

現在:

firebase.initializeApp(config); 

由於火力對象有不同的定義也沒有找到它。就我而言,我需要更新庫以與3.0版的Firebase兼容。我認爲使用舊圖書館並不是一個好主意,但如果不合適,但必須將代碼更新到版本3.如果沒有人完成,可能是我們有機會爲社區做出貢獻。

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>

相關問題