TypeError： undefined is not an object（evaluating '_$$_REQUIRE（_dependencyMap[9]， “../../config/FIREBASE“）。FIREBASE.database'）

TypeError: undefined is not an object(evaluating '_$$_REQUIRE(_dependencyMap[9], "../../config/FIREBASE").FIREBASE.database')

提问人：Nicholas Lindartono 提问时间：9/14/2021 最后编辑：Peter MortensenNicholas Lindartono 更新时间：9/22/2021 访问量：864

问：

我已经在Firebase中安装了带有npm的Firebase，但我不知道这个错误会发生什么。

文件 FIREBASE.js

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
    apiKey: "AIzaSyAd2EBoYYCRWEc3oClZTV3Wo-TiQkM2MgQ",
    authDomain: "crud-react-26836.firebaseapp.com",
    databaseURL: "https://crud-react-26836-default-rtdb.asia-southeast1.firebasedatabase.app",
    projectId: "crud-react-26836",
    storageBucket: "crud-react-26836.appspot.com",
    messagingSenderId: "741718079918",
    appId: "1:741718079918:web:1566301b46c4448c8c703f"
};

// Initialize Firebase
const FIREBASE = initializeApp(firebaseConfig);
export default FIREBASE;

TambahKontak.js

import React, { Component } from 'react'
import { StyleSheet, View, TouchableOpacity, Text, Alert } from 'react-native'
import { InputData } from '../../component'
import { FIREBASE } from '../../config/FIREBASE'

onSubmit = () => {
    if (this.state.nama && this.state.nomorHP && this.state.alamat) {
        console.log("Masuk Submit");
        console.log(this.state);
        const kontakReferensi = FIREBASE.database().ref('kontak');
javascript android firebase react-native 语法错误

评论

0赞 Peter Mortensen 9/22/2021
文件名实际上是“FIREBASE.js”吗？不是“firebase.js”？

答：

0赞 Dharmaraj 9/14/2021 #1

您没有使用版本中包含的新模块化/功能语法。您必须重写代码以遵循新语法：9.0.0+

import { getDatabase } from "firebase/database"

const dbRef = ref(getDatabase());
const snapshot = await get(child(dbRef, 'kontak'))

如果要使用现有代码（使用较旧的语法），则通过将导入更改为以下命令来使用版本：compat

import firebase from 'firebase/compat/app'
import 'firebase/compat/database'
import 'firebase/compat/[SERVICE_NAME]'

const FIREBASE = firebase.initializeApp(firebaseConfig);
export default FIREBASE;

我建议使用新版本并按照文档了解更多信息。

评论

0赞 Nicholas Lindartono 9/14/2021
好的，谢谢，现在如何导入到 TambahKontak.js，以便 FIREBASE.database（） 可以在 TambahKontak.js 上使用。但是现在我正在使用 firebase v.9.0.0 ，FIREBASE.js 的第一个语句不能再次使用。
0赞 Dharmaraj 9/14/2021
您可以直接从中导出数据库。firebase.jsexport const database = firebase.database()
0赞 Nicholas Lindartono 9/14/2021
好的，谢谢，我想成为你的 React Native 学生。我是来自印度尼西亚的尼古拉斯
0赞 Nicholas Lindartono 9/14/2021
firebase.js // 初始化火力基地 const FIREBASE = firebase.initializeApp（firebaseConfig）;const database = FIREBASE.database（） export default database main.js import { database } from '../../config/FIREBASE' const kontakReferensi = database.ref（'kontak'） TypeError： FIREBASE.database is not a function.（在 'FIREBASE.database（）' 中， 'FIREBASE.database' 未定义）还是像这样的错误，先生
0赞 Dharmaraj 9/14/2021
导出此内容，然后导入此内容：.这样你就不必再打电话了。只需创建一个这样的数据库引用即可。我建议按照文档获取详细示例。export { database }import { database } from "..path/to/firebase.js".database()database.ref("/path/to/data")

上一个：未解析的引用 -intelliJ Kotlin 程序

下一个：任务“：app：processReleaseResources”的执行失败。> Android 资源链接失败