Estoy tratando de obtener un selector de imágenes para guardar en Firebase. He leído una serie de tutoriales, así como la documentación oficial del almacenamiento en la nube de Google. Todos dicen que hagas algo como esto:
import { getStorage, ref } from "firebase/storage";así que puedes:
const storage = getStorage()y entonces
const ref = firebase.storage().ref();No importa lo que haga, no puedo obtener nada más que este error:
TypeError: (0, _storage.getStorage) no es una función. (En '(0, _storage.getStorage)()', '(0, _storage.getStorage)' no está definido)
Puedo ver firebase/storage en mi node_modules. Inicié sesión en la consola (firebase) para asegurarme de que es una cosa. Probé un millón de diferentes tipos de importación. Instalé otras dependencias de firebase como @react-native-firebase para usar sus funciones de almacenamiento, pero nada funciona. Todo lo demás Firebase funciona bien para mí.
No tengo ni idea de cuál es el problema. Me encantaría hacerlo de otra manera, pero todo dice que use el método storage(). ¿Estoy haciendo algo mal? ¿Existe alguna alternativa a utilizar el método de almacenamiento para subir imágenes a la nube?
Comprueba la versión de Firebase que tienes en tu aplicación.
Firebase versión 8 usa el método firebase.storage() .
Para usar getStorage , debe usar Firebase v9.x
Consulte esta guía sobre cómo actualizar: Actualizar desde la versión 8 al SDK web modular
Para la versión 8, asegúrese de hacer clic en la pestaña Web Version 8 en Firebase Docs: https://firebase.google.com/docs/storage/web/upload-files
Aquí hay un fragmento de código que funcionó para mí (Firebase V8).
Mi archivo de inicialización de Firebase: FirebaseInitialize.js
import firebase from "firebase/app"; import "firebase/storage"; import { firebaseConfig } from "./firebaseConfig"; firebase.initializeApp(firebaseConfig); export { firebase };Mi archivo de configuración de Firebase
export const firebaseConfig = { apiKey: "YOUR-API-KEY", authDomain: "YOUR-DOMAIN.firebaseapp.com", databaseURL: "https://YOUR-DOMAIN.firebaseio.com", projectId: "YOUR-PROJECTID", storageBucket: "YOUR-SOTRAGEBUCKET.appspot.com", appId: "APP-ID", };Donde necesito usar almacenamiento, esto es lo que hago:
import { firebase } from "./FirebaseInitialize"; const storageRef = firebase.storage().ref(); storageRef.put(file).then((snapshot) => { console.log("Uploaded!"); });Espero que esto ayude.
import firebase from "firebase/app"; import "firebase/storage";funcionó para mí, asegúrese de usar la versión de base de fuego <9
const handleUpload = async (pic) => { try { const response = await fetch(pic) const blob = await response.blob() const storageRef = firebase.storage().ref(); // storageRef.put(blob).then((snapshot) => { // console.log("Uploaded!"); // }); let ref = storageRef.child("/images/" + decoded.id) return ref.put(blob) } catch (error) { console.log(error) } }