@sonorasatra
Frontend-developer

Почему не работает postcss в проекте на svelteKit?

Пишу новый проект на фреймворке SvelteKit с использованием Tailwind css, который использует PostCss. Проект создавал четко по инструкции в доке tailwind'a.
При указании "postcss" в качестве значения атрибута lang тега style вылетает следующая ошибка:
6502ede65543f732163524.png

Всё, что мне удалось узнать это то, что если убрать перенос строки после открывающего тега style, то ошибка исчезнет:
<style lang="postcss">.card {
		@apply rounded-[20px] bg-gray text-white;
	}

	.card_subtitlle {
		@apply border border-white rounded-full py-2 px-4 font-manrope;
	}

	.card__content {
		@apply py-6 px-4 flex flex-col items-start;
	}
</style>


Но такой код менее читабельный, да приттиер всё равно делает этот перенос строки.

Проверял на другом компьютере (ubuntu), всё работает без проблем.

Некоторые данные моего компа:
ОС: Ubuntu 22.04.3 LTS 64-бит, версия Gnome 42.9
node: v20.6.1
npm: v10.1.0

В конфиге свелта используется vitePreprocess
  • Вопрос задан
  • 21 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы