Как остановить rect-router-dom / webpack от отправки html при запросе файлов шрифтов stati c

Question

У меня есть файл css, импортированный в index.js как import '../assets/fonts.css'; и в индексе. html как <link rel="stylesheet" href="%PUBLIC_URL%/fonts.css" />

, который содержит следующее:

@font-face {
  font-family: 'ProximaNova';
  src: url('../assets/fonts/ProximaNova-Bold.woff') format('woff'),
    url('../assets/fonts/ProximaNova-Bold.woff2') format('woff2'),
    url('../assets/fonts/ProximaNova-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaNormal';
  src: url('../assets/fonts/ProximaNova-Medium.woff') format('woff'),
    url('../assets/fonts/ProximaNova-Medium.woff2') format('woff2'),
    url('../assets/fonts/ProximaNova-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../assets/fonts/ProximaNova-Extrabold.woff') format('woff'),
    url('../assets/fonts/ProximaNova-Extrabold.woff2') format('woff2'),
    url('../assets/fonts/ProximaNova-Extrabold.ttf') format('truetype');
  font-weight: bolder;
  font-style: normal;
}

body,
html {
  font-family: 'ProximaNovaNormal';
}

В инструментах chrome dev он запрашивает файлы шрифтов, но ответом является перехват всех страниц 404, отображаемых реагирующим маршрутизатором, поэтому очевидно, что шрифт не работает.

I ' Я работаю над этой одной проблемой уже 6 часов, и я серьезно не могу понять, что я могу сделать, чтобы исправить это.

Хорошо, обновление, когда я отключил маршрут перехвата всех 404, URL запроса для шрифт в chrome dev tools - http://localhost:3000/static/ProximaNova-Medium.[git-hash].woff, но он по-прежнему возвращает базовый индекс. html файл.

Как это исправить? Я предполагаю, что это проблема веб-пакета?