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).
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.