Firebase在导入getDatabase()时出现致命错误

xcitsw88  于 2023-06-24  发布在  其他
关注(0)|答案(1)|浏览(107)

我是JS的新手,试图通过数字化来找出错误,并重新研究了关于StackOverflow上Firebase的其他问题,但没有找到任何解决方案。
我想用JS实现一个实时数据库。但是当我使用getDatabase()时,我得到了致命的错误,并且我无法找到它的解决方案,或者为什么会发生这种情况。
这就是错误:
@firebase/database:FireBase致命错误:数据库URL必须指向Firebase数据库的根目录(不包括子路径)。
未捕获错误错误:FireBase致命错误:数据库URL必须指向Firebase数据库的根目录(不包括子路径)。
这是我使用的代码:

import {initializeApp} from "https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js"
import {getDatabase, ref, push} from "https://www.gstatic.com/firebasejs/9.15.0/firebase-database.js"

const appSettings = {
    databaseURL: "MY URL"
}

const app = initializeApp(appSettings)
const database = getDatabase(app)
const shoppingListInDB = ref(database, "shoppingList")
 
const inputFieldEl = document.getElementById("input-field")
const addButtonEl = document.getElementById("add-button")

addButtonEl.addEventListener("click", function() {
    let inputValue = inputFieldEl.value

    push(shoppingListInDB, inputValue)
    console.log("It works")

    console.log(`${inputValue} added to database`)
})

它工作得很好,直到我实现getDatabase(app)。

xurqigkl

xurqigkl1#

从错误消息看,您的设置如下:

const appSettings = {
    databaseURL: "https://<your-project>.<domain>/PATH/TO/DATA"
}

然而,这是不正确的,应该只是基本URL,没有数据的路径:

const appSettings = {
    databaseURL: "https://<your-project>.<domain>/"
}

所以,如果你的项目名为stackoverflow,而你的数据库位于美国,那就是:

const appSettings = {
    databaseURL: "https://stackoverflow.firebaseio.com/"
}

如果您的数据库位于另一个地区,则URL的最后两部分将有所不同。但重要的是,您只包含基本URL,而不包含数据的路径。

相关问题