2016-02-03 60 views
0

我試圖按照網站上的快速入門發現火力地堡在這裏,但我陷在步驟2中錯誤在線IDE「火力地堡沒有定義」

我成立了CLOUD9一個新的網頁,使用HTML5模板,具有以下基本內容:

<html> 
    <head> 

    </head> 
    <body> 
     "Hallo" 

     <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"> 
      var myFirebaseRef = new Firebase('https://luminous-fire-8659.firebaseio.com/'); 
      myFirebaseRef.set({ 
       title: "Hello World!", 
       author: "Firebase", 
       location: { 
       city: "San Francisco", 
       state: "California", 
       zip: 94103 
       } 
      }); 
     </script> 
    </body> 
</html> 

如果我不添加行var Firebase = require(「firebase」);我得到錯誤

'Firebase is not defined'.

如果我添加行我得到的錯誤:

'uncaught reference error: require is not defined.

我還試圖用一個模板的NodeJS,然後運行命令$ NPM安裝在終端火力--save。結果顯示在終端:

[email protected] node_modules/firebase 
└── [email protected] ([email protected]) 

(所以安裝火力似乎工作),然後添加以下代碼頁,但不會有所作爲。

安全規則設置爲默認值:

{ 
    "rules": { 
     ".read": true, 
     ".write": true 
    } 
} 

如何解決這個問題?我沒有選擇在本地安裝nodeJS(在學校電腦上工作)。

+3

你不能合併一個'src'和我知道的腳本內容...你應該使用兩個單獨的'script'標籤 –

回答

4

require()在瀏覽器中不存在 - 它特定於Node.js運行時,而不是JavaScript本身的一部分。您不能在瀏覽器中使用NPM模塊,而無需使用額外的捆綁工具,如Webpack。

也就是說,原始示例中的代碼離工作不遠 - 您只需要將src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"放在單獨的腳本標記上,而不是包含代碼的那個。但要清楚的是,這只是簡單的JavaScript,而不是Node.js - 如果您嘗試在HTML文檔中編寫節點代碼,您會誤解Node實際是什麼!