CODEWITHSUNDEEP
reactjsfirebasefirebase-storagereact-redux-firebase
Prayas Agrawal
Prayas Agrawal

Reputation: 161

HOC react redux firebase. (Error: Firebase storage is required to upload files)

error firebase storage is required may be i wrong at providing the parameter to uploadFile(). please suggest correction if u see any code:

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 code in the browser :

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');

Upvotes: 4

Views: 58

Answers (1)

Józef Podlecki
Józef Podlecki

Reputation: 11283

I think you should install @firebase/storage if you haven't already and import it

It is checked in the start of uploadFile method

import "firebase/storage";

Upvotes: 2

Related Questions