Проблема хранения Vuejs & Firebase.Uncaught TypeError: хранилище не является функцией

Question

Я создаю небольшой проект с Vuejs & Firebase. Попытка загрузить изображение в хранилище Firebase. Я проверил их документацию и несколько учебных пособий. Но застрял с этой ошибкой.

Uncaught TypeError: WEBPACK_IMPORTED_MODULE_1__firebase_init .a.storage не является функцией

// init.js

import firebase from 'firebase'
import firestore from 'firebase/firestore'
import 'firebase/storage'



// components/AddItem.vue   

 <input type="file" @change="uploadImage" value="Upload Image"/> 

uploadImage(e){

  var file = e.target.files[0]
  var storageRef = firebase.storage().ref('products/'+file.name).put(file)  

}

Answer 1

Если вы устанавливаете storageRef как var, вам нужно будет позвонить .put() на этом storageRef

https://firebase.google.com/docs/storage/web/upload-files#upload_from_a_blob_or_file

Используя ваш код ...

uploadImage(e){

  var file = e.target.files[0]
  var storageRef = firebase.storage().ref('products/'+file.name)
  storageRef.put(file)
}