Javascript 无法连接到Firebase(JS)

Javascript 无法连接到Firebase(JS),javascript,firebase,firebase-realtime-database,Javascript,Firebase,Firebase Realtime Database,我正在尝试将我的web应用程序连接到firebase,并按照官方文档中的说明进行操作,似乎已建立连接,因为我在控制台中未看到任何错误,但我无法将数据写入数据库 HTML: 目前,我硬编码了我想要添加的数据,点击按钮应该会更新数据库中的数据,但有时我会得到“main.js:33 Uncaught TypeError:firebase.database不是一个函数” 我尝试将gstatic链接更改为firebase.js,但仍然得到相同的错误 我做错了什么?添加firebase数据库脚本,以便能够使

我正在尝试将我的web应用程序连接到firebase,并按照官方文档中的说明进行操作,似乎已建立连接,因为我在控制台中未看到任何错误,但我无法将数据写入数据库

HTML:

目前,我硬编码了我想要添加的数据,点击按钮应该会更新数据库中的数据,但有时我会得到“main.js:33 Uncaught TypeError:firebase.database不是一个函数”

我尝试将gstatic链接更改为firebase.js,但仍然得到相同的错误


我做错了什么?

添加
firebase数据库
脚本,以便能够使用
数据库()


您可以在此处找到要添加的firebase产品的完整列表:


添加
firebase数据库
脚本,以便能够使用
数据库()


您可以在此处找到要添加的firebase产品的完整列表:

如中所示,有两种方法可以添加Firebase SDK:

1.包括整个Firebase JavaScript SDK 这不建议用于生产应用程序

  <body>
    <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->

    <!-- Add the entire Firebase JavaScript SDK -->
    <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase.js"></script>
  </body>

2.仅包括特定的Firebase产品

如中所示,有两种方法可以添加Firebase SDK:

1.包括整个Firebase JavaScript SDK 这不建议用于生产应用程序

  <body>
    <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->

    <!-- Add the entire Firebase JavaScript SDK -->
    <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase.js"></script>
  </body>

2.仅包括特定的Firebase产品

请参阅包含同一问题相关讨论的链接。看起来您错过了添加一些firebase库(不过我还没有测试您的代码)

此外,您不应在stackoverflow或任何公共网站上发布API密钥。人们可能会滥用您的API密钥。你应该马上换

参考包含同一问题相关讨论的链接。看起来您错过了添加一些firebase库(不过我还没有测试您的代码)


此外,您不应在stackoverflow或任何公共网站上发布API密钥。人们可能会滥用您的API密钥。你应该马上换

您好,我这样做了,但我现在收到以下错误错误。ts:101未捕获的Firebase错误:Firebase:Firebase应用程序名为“[DEFAULT]”已存在(应用程序/重复应用程序)。我没有任何重复的应用程序,您正在初始化两次
firebase.initializeApp(firebaseConfig)您好,我这样做了,但我现在收到以下错误错误错误。ts:101未捕获的Firebase错误:Firebase:Firebase应用程序名为“[默认]”(应用程序/重复应用程序)已存在。我没有任何重复的应用程序,您正在初始化两次
firebase.initializeApp(firebaseConfig)我收到此错误:WebSocket连接。ts:366 WebSocket连接到'wss://s-usc1c-nss-249.firebaseio.com/.ws?v=5&s=uINs4cd9gP7ctZeaReP6SUlD27ppimNb&ns=system1-a64ba'失败:WebSocket在建立连接之前已关闭。请参阅。我收到以下错误:WebSocket连接。ts:366 WebSocket连接到'wss://s-usc1c-nss-249.firebaseio.com/.ws?v=5&s=uINs4cd9gP7ctZeaReP6SUlD27ppimNb&ns=system1-a64ba'失败:在建立连接之前,WebSocket已关闭。请参阅。
<script src="https://www.gstatic.com/firebasejs/7.5.2/firebase-database.js"></script>
  <body>
    <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->

    <!-- Add the entire Firebase JavaScript SDK -->
    <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase.js"></script>
  </body>
<body>
  <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->

  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase-app.js"></script>

  <!-- Add Firebase products that you want to use -->
  <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase-database.js"></script>
</body>