#css #sass #jekyll #will-change
#css #sass #jekyll #изменится
Вопрос:
Я использую Jekyll и Netlify для создания веб-сайта. До сих пор все работало. Я использую таблицу стилей в SCSS, которую Jekyll преобразует в CSS при сборке. Я экспериментировал с добавлением will-change свойства, как указано в спецификации, чтобы сделать это. Однако сборка завершилась неудачно с этой ошибкой:
Invalid CSS after "... will-change": expected ";", was ": opacity, tran..." on line 1290
Это SCSS, который я использовал, который сломал его:
#menuToggle {
...
span {
will-change: opacity, transform;
}
...
}
Что я здесь делаю не так? Пожалуйста, дайте мне знать, если есть дополнительная информация, которую я должен предоставить.
Комментарии:
1. Я думаю, это потому, что will-change еще не поддерживается во всех браузерах, и сборка его не распознает. caniuse.com/#search=will-change
Ответ №1:
Так что, по-видимому, проблема не в Jekyll или чем-то подобном. Я забыл добавить точку с запятой в конце предыдущей строки. Итак, усвоенный урок: если в сообщении об ошибке запрашивается символ, проверьте, не отсутствует ли он в предыдущем коде. Мой пример кода действительно должен немного больше включать контекст окружающего кода, так что это еще один извлеченный урок.
Комментарии:
1. Хороший улов! Копирование-вставка — плохая практика в целом, но это действительно может помочь решить ваши проблемы на подобных сайтах 😉 Кроме того, если вы используете среду IDE, такую как WebStorm (или бесплатную альтернативу VSCode с плагинами), среда IDE, скорее всего, точно сообщит вам, где возникают эти ошибки. Облегчает прогресс, имхо. Удачи!