>

Fórum

Fórum da RL System, voltado para analistas, programadores etc. Tudo sobre linguagem de programação e desenvolvimento Full Stack: Banco de Dados, Android, C#, Java, .NET, PHP, Node, Javascript, TypeScript, Front, HTML e muito mais.



Conexão Firebase


Está apresentando erro neste arquivo

Failed to compile

./src/utils/fbUtils.js
Module not found: Can't resolve 'firebase' in 'C:\Users\User\Documents\Cursos\Cursos RLSYSTEM\Curso de React\crud-react\src\utils'



1 Resposta


Olá , eu estava realizando esse mesmo curso e tive o mesmo problema, então tive que estudar um pouco a documentação do Firebase.

Resposta : (primeiramente, indico que também veja a documentação e versão que está utilizando o firebase)

No arquivo Firebase: 

import { database } from \"../utils/fbUtils\";

import { getDatabase, ref, set , push, DataSnapshot, child, limitToLast, callback, onValue, query } from \"firebase/database\";
export default class fireBaseServices{

    static getAllData = (node, callback , size) =>{
        const db = getDatabase();
        let query  = ref(db, node);

        onValue(query, DataSnapshot => {
            let items = [];

            DataSnapshot.forEach(childSnapshot => {
                let item = childSnapshot.val();

                item[\'key\'] = childSnapshot.key;
                items.push(item);
            });
            callback(items);
        });
    };

    static inserData = (node, objToSubmit) => {
       const db = getDatabase();
       const caminho = ref(db, node);
       const id = caminho.key;
       push(caminho,objToSubmit);
    }
}

No arquivo fbUtils, Entre os imports e exports coloque as chaves de acesso que o próprio firebase gera.

import { initializeApp } from \'firebase/app\';

import { getDatabase } from \"firebase/database\";
export const app = initializeApp(firebaseConfig);

export const database = getDatabase(app);