在线 IDE 中出现错误“未定义 Firebase”（包括 Firebase javascript 客户端脚本标签）答案

【问题标题】：error 'Firebase is not defined' in online IDE (Firebase javascript client script-tag included)在线 IDE 中出现错误“未定义 Firebase”（包括 Firebase javascript 客户端脚本标签）
【发布时间】：2016-05-19 06:45:30
【问题描述】：

我正在尝试遵循找到 here 的 Firebase 网络快速入门，但我在第 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 未定义'。

如果我添加该行，我会收到错误：

'未捕获的引用错误：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 的选项（在学校计算机上工作）。

【问题讨论】：

标签： firebase cloud9-ide

【解决方案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>

【讨论】：

【解决方案2】：

在 firebase.com 上创建 Firebase 项目，并将“将 Firebase 添加到您的网络应用”JavaScript 粘贴到您的 Cloud9 项目中。
在项目的根目录下打开一个终端并输入以下命令：

npm install -g firebase-tools

firebase login --no-localhost

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

【讨论】：