Шрифты не загружаются в Vite + React ⇐ CSS

[Anonymous]

Я пытаюсь переключиться с CRA, чтобы Vite для создания своих проектов React, и я сталкиваюсь с проблемой, когда я вообще не могу загрузить свои шрифты. Браузер дает мне следующую ошибку. < /P>

Код: Выделить всё

GET
http://localhost:5173/assets/fonts/Roboto-Regular.woff
[HTTP/1.1 404 Not Found 1ms]

downloadable font: download failed (font-family: "Roboto" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: http://localhost:5173/assets/fonts/Roboto-Regular.woff
< /code>
Это правила лица Font, которые я использую.// _fonts.scss
@font-face {
font-family: "Roboto";
src: url("../../assets/fonts/Roboto-Regular.woff") format("woff");
font-weight: 400;
}
< /code>
И это мой файл index.scss.@use "./styles/partials/fonts" as *;

body {
font-family: "Roboto", Arial, Helvetica, sans-serif;
}
< /code>
Я думал, что это может быть моя структура папок, но это не так. Я действительно смущен тем, почему мои шрифты загружаются, когда я делаю NPM, запускаю Dev 

, и я даже пытался повторить проблему в проекте CRA без успеха вообще.>

Подробнее здесь: https://stackoverflow.com/questions/772 ... vite-react