Я создал веб-приложение (всего несколько HTML, SCSS и JavaScrip) и связал его с parcel. Когда я запускаю приложение на локальном хосте (обслуживаемом посылкой), все работает полностью нормально. Но как только я запускаю его на локальном хосте firebase, CSS не работает. Я получаю такую ​​ошибку:

Ресурс интерпретируется как таблица стилей, но передается с типом MIME text / html

Есть у кого-нибудь идеи, как это решить?

Спасибо за вашу помощь!

-1
Raphael Bucher 7 Мар 2018 в 23:08

1 ответ

Лучший ответ

Сидни был прав в своем безумном предположении. Ссылка на таблицу стилей и изображения неверны в связанном index.html. Parcel ссылался на папку dist, где он должен был ссылаться непосредственно на файлы. Мне удалось вручную изменить ссылки с

<link rel="stylesheet" href="/dist/natalem-20.css">

К

<link rel="stylesheet" href="/natalem-20.css">

И тогда все разрабатывалось нормально.

Поскольку Firebase не смогла найти правильную таблицу стилей, он просто отправил HTML-код в виде .css-файла. Из-за этого в консоли не было ошибки 404, но предупреждение

Ресурс интерпретируется как таблица стилей, но передается с типом MIME text / html

Итак, чтобы исправить проблему, просто измените путь в комплект в комплекте Index.html или (что я сейчас сделаю) - это выяснить, как изменить это через конфигурацию посылки.

Большое спасибо Сидни за помощь! Реквизит вам!

Искренне Ваш,

Рафаэль

0
Raphael Bucher 8 Мар 2018 в 07:51