Задать вопрос
WoodyAndBuzz
@WoodyAndBuzz

Как решить ошибку в браузере?

Выводит такие ошибки chrome:
Refused to apply style from '127.0.0.1:5500/assets/styles/common.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
index.js:1
GET 127.0.0.1:5500/assets/lib/create-element.js net::ERR_ABORTED 404 (Not Found)

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Бангкок Экспресс: Карточка товара</title>
  <link rel="stylesheet" href="./index.css" />
  <link rel="stylesheet" href="../assets/styles/common.css" />
</head>

<body>
  <div id="holder" class="container_half"></div>

  <script type="module">
    import ProductCard from './index.js';

    let card = new ProductCard({
      name: "Laab kai chicken salad",
      price: 10,
      category: "salads",
      image: "laab_kai_chicken_salad.png",
      id: "laab-kai-chicken-salad"
    });

    holder.append(card.elem);
  </script>
</body>

</html>

<code lang="javascript">
import createElement from 'assets/lib/create-element.js';
</code>
  • Вопрос задан
  • 359 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
DanArst
@DanArst Куратор тега JavaScript
Гриффиндор в моде при любой погоде!
Скорее всего у вас ошибка в путях к файлу стилей и скрипту.
Видимо должны быть такие:
<link rel="stylesheet" href="./assets/styles/common.css" />
import createElement from './assets/lib/create-element.js';
Ответ написан
kosolapus
@kosolapus
Если помогло - отмечайте решением
Сервер отдает файл не с тем типом данных. Возможно - просто не может найти файл и отдает какую-нибудь лажу типа 404, возможно - некорректно настроен. Для css адекватный mime - Content-Type: "text/css"

Короткое решение - удалите rel=stylesheet
Адекватное - настройте сервак, чтоб нужные типы отдавал

Возможно, где-нибудь здесь найдете ответ: https://expressjs.com/en/starter/static-files.html
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы