Image Upload Error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

Question

I'm trying to upload images to firebase using postman. With firebase serve running, I send a post request to my route along with Authorization header and the image file but get the following error in the console:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined

exports.uploadImage = (req, res) => {
  const BusBoy = require('busboy')
  const path = require('path')
  const os = require('os')
  const fs = require('fs')

  const busboy = new BusBoy({
    headers: req.headers
  })

  let imageFileName
  let imageToBeUploaded = {}

  busboy.on('file', (fieldname, file, filename, encoding, mimetype) => {

    console.log(fieldname, filename, encoding, mimetype)

    if (mimetype !== 'image/jpeg' && mimetype !== 'image/png') {
      return res.status(400).json({
        error: '❌ Wrong file type submitted'
      })
    }

    const imageExtension = filename.split('.')[filename.split('.').length - 1]

    imageFileName = `${Math.round(
      Math.random() * 1000000000000
    )}.${imageExtension}`

    const filepath = path.join(os.tmpdir(), imageFileName)

    imageToBeUploaded = {
      filepath,
      mimetype
    }

    file.pipe(fs.createWriteStream(filepath))

  })


  busboy.on('finish', () => {
    admin
      .storage()
      .bucket(config.storageBucket)
      .upload(imageToBeUploaded.filpath, {
        resumable: false,
        metadata: {
          metadata: {
            contentType: imageToBeUploaded.mimetype,
          },
        },
      })
      .then(() => {
        const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${config.storageBucket}/o/${imageFileName}?alt=media`
        return db.doc(`/users/${req.user.handle}`).update({
          imageUrl
        })
      })
      .then(() => {
        return res.json({
          message: '✅ Image uploaded successfully'
        })
      })
      .catch((err) => {
        console.error(err)
        return res.status(500).json({
          error: err.code
        })
      })
  })
  busboy.end(req.rawBody)
}

Full error message:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
     at validateString (internal/validators.js:112:11)
     at Object.basename (path.js:1157:5)
     at Bucket.upload (/Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/storage/build/src/bucket.js:2493:38)
     at /Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/promisify/build/src/index.js:69:28
     at new Promise (<anonymous>)
     at Bucket.wrapper (/Users/apple/Code/litter/litter-functions/functions/node_modules/@google-cloud/promisify/build/src/index.js:54:16)
     at Busboy.<anonymous> (/Users/apple/Code/litter/litter-functions/functions/handlers/users.js:133:8)
     at Busboy.emit (events.js:210:5)
     at Busboy.emit (/Users/apple/Code/litter/litter-functions/functions/node_modules/busboy/lib/main.js:37:33)
     at /Users/apple/Code/litter/litter-functions/functions/node_modules/busboy/lib/types/multipart.js:52:13 {    code: 'ERR_INVALID_ARG_TYPE'  }

Answer 1

The problem is that you typed imageToBeUploaded.filpath in the argument to upload(), but you meant to type imageToBeUploaded.filepath. There is a missing 'e', which makes the whole expression undefined.