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

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

CodePudding user response：

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.