Ошибка Uncaught (in promise) SyntaxError: Unexpected end of JSON input. Разрабатываю учебное приложение на NodeJs

Делаю учебное приложение, повторил точь-в-точь как показано в видеоуроке, но мне выдаёт ошибку. Вот код из файлов где, как я думаю, спрятана ошибка (из кода обрезал ненужные детали не относящиеся к реализации кнопки "удалить из корзины"

/models/card.js

 const path = require('path') 
const fs = require('fs') 
 
const p = path.join(path.dirname(process.mainModule.filename), 'data', 'card.json') 
 
class Card { 

  static async remove(id) { 
    const card = await Card.fetch() 
 
    const index = card.courses.findIndex(c => c.id === id) 
    const course = card.courses[index] 
 
    if (course.count === 1) { 
      // удалить 
      card.courses = card.courses.filter(c => c.id !== id) 
    } else { 
      // изменить количество 
      card.courses[index].count-- 
    } 
 
    card.price -= course.price 
 
    return new Promise((resolve, reject) => { 
      fs.writeFile(p, JSON.stringify(card), err => { 
        if (err) { 
          reject(err) 
        } else { 
          resolve() 
        } 
      }) 
    }) 
  } 
 
  static async fetch() { 
    return new Promise((resolve, reject) => { 
      fs.readFile(p, 'utf-8', (err, content) => { 
        if (err) { 
          reject(err) 
        } else { 
          resolve(JSON.parse(content)) 
        } 
      }) 
    }) 
  } 
} 
 
module.exports = Card 

/routes/card.js

 const { Router } = require('express') 
const router = Router() 
const Card = require('../models/card') 
const Course = require('../models/course') 
 
router.delete('/remove/:id', async (req, res) => { 
  const card = await Card.remove(req.params.id) 
  res.status(200).json(card) 
}) 
 
module.exports = router 
 

/public/app.js

 const toCurrency = price => { 
  new Intl.NumberFormat('ru-RU', { 
    currency: 'rub', 
    style: 'currency', 
  }).format(price) 
} 
 
document.querySelectorAll('.price').forEach(node => { 
  node.textContent = toCurrency(node.textContent) 
}) 
 
const $card = document.querySelector('#card') 
if ($card) { 
  $card.addEventListener('click', event => { 
    if (event.target.classList.contains('js-remove')) { 
      const id = event.target.dataset.id 
 
      fetch('/card/remove/' + id, { 
        method: 'delete', 
      }) 
        .then(res => res.json()) 
        .then(card => { 
          if (card.courses.length) { 
            const html = card.courses 
              .map(c => { 
                return ` 
               
                ${c.title} 
                ${c.count} 
                 
                   Удалить 
                 
               
              ` 
              }) 
              .join('') 
            $card.querySelector('tbody').innerHTML = html 
            $card.querySelector('.price').textContent = toCurrency(card.price) 
          } else { 
            $card.innerHTML = '
Корзина пуста
' 
          } 
        }) 
    } 
  }) 
} 
 

Ошибку кидает в файле app.js в 28 строке:
.then(res => res.json())

Курс удаляется из корзины, всё как надо, вот только html страница не подгружается и приходится вручную перезагружать страницу чтобы отобразились изменения