Отказался применять стиль из «https://cd.shopify.com/xxxxx/assets/compass.css3», поскольку его тип MIME («текст/html»)

Я пытаюсь добавить таблицу стилей в свой магазин Shopify, который имеет @import "compass/css3" в начале, и он не импортирует compass/css3, я получил ошибку: Отказано в применении стиля из «https://cdn.shopify.com/xx/xxxx/xxx/assets/compass/css3», поскольку его тип MIME («текст/html») не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.

Пожалуйста, помогите мне решить это

когда я пытаюсь открыть этот файл, он показывает ошибку «Извините, страница, которую вы ищете, не может быть найдена».

@import "компас/css3";

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
646
1

Ответы 1

Эта ошибка возникает из-за того, что Shopify не может скомпилировать файл SASS. Согласно этой статье на Shopify веб-сайт

If you’re letting Shopify compile your Sass file for you, Shopify doesn’t support the @import directive.

Рекомендуемое решение для этого состоит в том, чтобы

If you want to use multiple Sass partials and the @import directive, you will have to compile your Sass locally using an app like CodeKit or Prepros, or a task runner like Gulp or Grunt — then sync the files to your theme using Theme Kit.

Другие вопросы по теме