错误“在线IDE中未定义Firebase”(包括Firebase javascript客户端脚本标记)

时间:2016-01-27 14:42:52

标签: firebase cloud9-ide

我正在尝试按照here上的Firebase上的Web快速入门进行操作,但我仍然遇到了第2步。

我使用HTML5模板在Cloud9上设置了一个新网页,其中包含以下基本内容:

<html>
    <head>
        <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"></script>
    </head>
    <body>
        "Hallo"
        <script>
            var Firebase = require("firebase");
            var myFirebaseRef = new Firebase("https://resplendent-heat-2801.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未定义'。

如果我添加该行,我会收到错误:

  

'未捕获的引用错误:未定义require。

我还尝试使用nodeJS模板,然后运行命令 终端中$ npm install firebase --save。结果显示在终端:

  

firebase@2.4.0 node_modules / firebase

     

└──faye-websocket@0.9.3(websocket-driver@0.5.2)

(所以安装firebase似乎工作),然后添加这个代码页,但这没有什么区别。

如何解决这个问题?我没有在本地安装nodeJS的选项(在学校计算机上工作)。

2 个答案:

答案 0 :(得分:2)

删除require。 Firebase从CDN正确加载。

确保检查安全选项卡并为写入操作添加适当的规则。

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

答案 1 :(得分:0)

  1. 在firebase.com上创建Firebase项目,然后将“添加Firebase”粘贴到您的网络应用程序&#39;您的Cloud9项目的JavaScript。

  2. 在项目的根目录下打开终端并输入以下命令:

    npm install -g firebase-tools

    firebase login --no-localhost

    firebase init

  3. Firebase deploy将更新推送到您的Firebase。