在线错误 'Firebase is not defined' IDE（包括 Firebase javascript 客户端脚本标签）

Question

我正在尝试按照找到的 Firebase 网络快速入门 here 但是我卡在了第 2 步。

我在Cloud9上建立了一个新网页，使用HTML5模板，基本内容如下：

<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 is not defined'.

如果我添加以下行，我会收到错误消息：

'uncaught reference error: require is not defined.

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

firebase@2.4.0 node_modules/firebase

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

（所以安装 firebase 似乎可行）然后添加此代码页，但这没有什么区别。

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

Answer 1

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

Answer 2

在 firebase.com 上创建 Firebase 项目并将 'Add Firebase to your web app' JavaScript 粘贴到您的 Cloud9 项目中。
在项目的根目录打开终端并输入以下命令：

npm install -g firebase-tools

firebase login --no-localhost

firebase init
Firebase deploy 将更新推送到您的 Firebase。

在线错误 'Firebase is not defined' IDE（包括 Firebase javascript 客户端脚本标签）

error 'Firebase is not defined' in online IDE (Firebase javascript client script-tag included)

cloud9-ide

firebase