2016-02-03 37 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实际是什么!