Reactjs отказался применять стиль из 'bootstrap.min.css', потому что его тип MIME ('text / html') не является поддерживаемым типом MIME таблицы стилей
Я создаю веб-приложение reactjs и хочу использовать react-bootstrap. Мой index.html выглядит так:
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<meta http-equiv = "X-UA-Compatible" content = "ie=edge">
<title>Winova</title>
<link rel = "stylesheet" href = "assets/styles/bootstrap.min.css">
<body>
<section id = "index"></section>
</body>
</html>
Я получаю ошибку:
Отказался применять стиль от 'http://localhost:8098/assets/styles/bootstrap.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Если я добавлю это так, он будет работать:
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
Дело в том, что я не хочу полагаться на внешние ссылки, я хотел бы иметь свою собственную копию на моем сервере.
Ответы 1
Поздний ответ, но быстрое (возможное) исправление, если вы пришли сюда в поисках ответа.
Относительный путь, который вы используете, не указывает на файл правильно. Если вы посмотрите в консоль, вы, скорее всего, увидите, что загрузка «отменена», а заголовки ответа будут иметь тип mime text / html, отсюда и сообщение об ошибке.
Попробуйте добавить "./", чтобы указать на корень приложения.
href = "./assets/styles/bootstrap.min.css"
Более подробная информация содержится в ссылке на комментарий, упомянутой в исходном вопросе.
По этой ссылке может быть ответ, который вы ищете: stackoverflow.com/questions/48248832/…