CODEWITHSUNDEEP
javascriptfirebasefirebase-realtime-databasefirebase-storage
Hassaan Raza
Hassaan Raza

Reputation: 197

Cannot read properties of undefined (reading 'path') Firebase ref function conflict

Error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'path')

according to my testing,

   import { getStorage, ref, uploadBytesResumable, getDownloadURL } 
    from "https://www.gstatic.com/firebasejs/9.1.1/firebase-storage.js";
    
    import { getDatabase, set, child, get, update, remove } 
    from "https://www.gstatic.com/firebasejs/9.1.1/firebase-database.js";
    
    const realdb = getDatabase();

the error is becuase ref( ) function from firebase-storage is different from ref( ) from firebase-database

but i can import only one of the function, so what to do? to save the downloadURL i need both (firebase-storage) and (firebase-database).

Upvotes: 5

Views: 6781

Answers (2)

Артем Степанов
Артем Степанов

Reputation: 1

Make sure you are imported and initialized the app before use some storage functions.

import { initializeApp } from "firebase/app";


initializeApp(firebaseConfig);

Upvotes: 0

Dharmaraj
Dharmaraj

Reputation: 50920

You can just rename one of the imports like this:

import { getStorage, ref as storageRef } from "https://www.gstatic.com/firebasejs/9.1.1/firebase-storage.js";

Then make sure you used storageRef() instead of ref() for storage in your code.

Upvotes: 4

Related Questions