错误 'Firebase is not defined' 在线 IDE

Question

我正在尝试按照此处找到的 Firebase 网络快速入门进行操作，但我卡在了第 2 步。

我在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 install firebase --save。结果显示在终端中：

firebase@2.4.0 node_modules/firebase
└── faye-websocket@0.9.3 (websocket-driver@0.5.2)

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

安全规则设置为默认值：

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

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

Answer 1

require() 在浏览器中不存在 - 它特定于 Node.js 运行时，而不是 JavaScript 本身的一部分。如果不使用额外的捆绑工具，例如 Webpack，就不能在浏览器中使用 NPM 模块。

就是说，您的原始示例中的代码离工作不远 - 您只需将 src="https://cdn.firebase.com/js/client/2.4.0/firebase.js" 放在一个单独的脚本标记上，然后放在包含您的代码的脚本标记之前。但需要明确的是，这只是普通的 JavaScript，而不是 Node.js - 如果您试图在 HTML 文档中编写 Node 代码，您就误解了 Node 到底是什么！

错误 'Firebase is not defined' 在线 IDE

error 'Firebase is not defined' in online IDE

javascript

node.js

cloud9-ide

firebase