firebase - Vuejs 和 Firebase 存储问题。未捕获的类型错误：存储不是函数

Question

我正在使用 Vuejs 和 Firebase 创建一个小项目。尝试将图像上传到 Firebase 存储。我检查了他们的文档和一些教程。但坚持这个错误。

未捕获的类型错误：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)  

}

标签： firebasevue.jsfirebase-storage

Answer 1

如果您将 a 设置storageRef为 a 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)
}