HOC 反应 redux firebase。（错误：上传文件需要 Firebase 存储）答案

【问题标题】：HOC react redux firebase. (Error: Firebase storage is required to upload files)HOC 反应 redux firebase。（错误：上传文件需要 Firebase 存储）
【发布时间】：2020-10-04 18:15:23
【问题描述】：

需要 Firebase 存储错误向uploadFile（）提供参数可能是我错了。如果您看到任何内容，请建议更正代码：

export const addCategory = category => {
  return (dispatch, getState, { getFirestore, getFirebase }) => {
    const firebase = getFirebase();
    const firestore = getFirestore();

    let reader = new FileReader();
    reader.readAsDataURL(category.imageFile);

    const imageExtension = category.imageFile.name.split('.')[
      category.imageFile.name.split('.').length - 1
    ];
    var imageFileName = `${Math.round(
      Math.random() * 100000000000
    )}.${imageExtension}`;

    reader.onload = e => {
      const storagePath = "https://firebasestorage.googleapis.com/v0/b/grocapp-f4eb9.appspot.com/o/";
      const dbPath = 'test';
      const fileMetadata = { contentType: 'image/jpeg' };

      firebase
        .uploadFile(storagePath, e.target.result, dbPath, { metadata: fileMetadata })
        .then(() => {
          console.log('File uploaded successfully');
        });
    };
  };
};

浏览器中的错误代码：

Error: Firebase storage is required to upload files
  19 |      const dbPath = 'test';
  20 |      const fileMetadata = { contentType: 'image/jpeg' };
  21 | 
> 22 |      firebase
  23 |^       .uploadFile(storagePath, e.target.result, dbPath, { metadata: fileMetadata })
  24 |        .then(() => {
  25 |          console.log('File uploaded successfully');

【问题讨论】：

标签： reactjs firebase firebase-storage react-redux-firebase

【解决方案1】：

如果你还没有安装@firebase/storage，我认为你应该安装并导入它

It is checked in the start of uploadFile method

import "firebase/storage";

【讨论】：