FirebaseError: Firebase Storage: An unknown error occurred

[CodingWithTashi]

Operating System

macOS Sonama 14.6.1 (23G93)

Environment (if applicable)

Chrome Version 130.0.6723.70 (Official Build) (arm64)

Firebase SDK Version

11.0.1

Firebase SDK Product(s)

Storage

Project Tooling

Chrome extension with webpack and tailwind css

Detailed Problem Description

I am trying to upload media file(eg 4mb audio file) to firebase storage with uploadBytesResumable. But I am getting Firebase Storage: An unknown error occurred. When I use uploadBytes it worked fine. Since I need progress to track the upload. This is a showstopper for me.

Error uploading file: FirebaseError: Firebase Storage: An unknown error occurred, please check the error payload for server response. (storage/unknown)

Steps and code to reproduce issue

This code works

function uploadData(
  uint8Array: Uint8Array,
) {
  let app = initializeApp(firebaseConfig)
  const storageRef = ref(getStorage(app), `${"path"}/${"test.mp3"}`)
  let task = uploadBytes(storageRef, uint8Array, {
    contentType: "audio/mpeg",
  })

}

But the below code always fails

function uploadData(
  uint8Array: Uint8Array,
) {
  let app = initializeApp(firebaseConfig)
  const storageRef = ref(getStorage(app), `${"path"}/${"test.mp3"}`)

  const metadata = {
    contentType: "audio/mpeg",
  }
  let uploadTask = uploadBytesResumable(storageRef, uint8Array, metadata)
  uploadTask.on(
    "state_changed",
    (snapshot) => {
      const currentProgress = Math.round(
        (snapshot.bytesTransferred / snapshot.totalBytes) * 100,
      )
      console.log(`Progress: ${currentProgress}%`)
    },
    (error) => {
      console.error("Error uploading file:", error)
    },
    () => {
      console.log("File uploaded successfully")
      getDownloadURL(uploadTask.snapshot.ref)
        .then((url) => console.log("Download URL:", url))
        .catch((err) => console.error(err))
        .finally(() => {
          console.log("File upload completed  ")
        })
    },
  )
}

Note: It does work with small mp3(72.24 KB)

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[eschirtz]

We're seeing a similar issue with one of our users. We're struggling to reproduce, but we also use resumable uploads and get the same error message.

[dlarocque]

Hi @CodingWithTashi, thanks for reporting this issue. I was able to see that the file upload does not work completely (only 200kb of my 5mb file is uploaded), but I don't see the Firebase Storage error you shared. Could you share how you're getting the bytes from the mp3 file?

@eschirtz if you could share some of your code surrounding this it would be useful as well. Also, if you get an error response, could you share the error payload? Is this something that used to work in an older firebase version?