Multer npm: TypeError: невозможно прочитать свойство «путь» неопределенного

У меня проблема с загрузкой файла изображения на мой сервер, я смотрел туториал на ютубе про multer и делаю точно то же самое что и в туториале и по какой-то причине получаю ошибку: ("TypeError: Cannot read property ' путь" неопределенного"). Я погуглил об ошибке и нашел, что у некоторых людей такая же проблема, и я попытался решить ее, как они, но у меня это не сработало.

Это мой код:

const multer = require('multer');

const storage = multer.diskStorage({
  destination: function(req, file, cb) {
    cb(null, './public/images/profilePictures');
  },
  filename: function(req, file, cb) {
    cb(null, new Date().toISOString() + file.originalname);
  }
});

const fileFilter = (req, file, cb) => {
  // reject a file
  if (file.mimetype === 'image/jpg' || file.mimetype === 'image/png') {
    cb(null, true);
  } else {
    cb(null, false);
  }
};

const upload = multer({
  storage: storage,
  limits: {
    fileSize: 1024 * 1024 * 5
  },
  fileFilter: fileFilter
});

app.use(express.static('public'))

Схема изображения и модель:

const imageSchema = new mongoose.Schema({
    profilePicture: String
})

const Image = new mongoose.model('Image', imageSchema)

Мой почтовый маршрут:

app.post('/changeProfilePic', upload.single('profilePicture'), function(req, res, next){
    console.info(req.file);
   const newImage = new Image({
       profilePicture: req.file.path
   })
   newImage.save()
})

Моя форма загрузки html:

<form action = "/changeProfilePic" method = "POST" enctype = "multipart/form-data">
      <input type = "file" name = "profilePicture" placeholder = "Image" />
      <button class = "btn btn-light btn-lg" type = "submit">Upload</button>
    </form>

и когда я зарегистрировал значение (req.file), он говорит, что его тип «не определен», поэтому это должно означать, что multer не распознал или даже не получил файл изображения. что я делаю не так, что мультер не получает файл?