Vuejs和Firebase存储问题。未捕获的TypeError：存储不是函数

Question

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

未捕获的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)
}