Блог

Я использую Попутный ветер в своих Next.js приложение и оно иногда ведет себя странно. Я мог бы заставить 99% классов работать, но в некоторых случаях классы вообще не применяются. Просто чтобы привести пример, когда я добавляю h-48 , который выдает height:12rem; его полностью нормально, но когда его меняют на число выше 48, это работает не так h-96 .

Другим проблемным классом является max-height . Независимо от значения, оно вообще не применяется. То же самое происходит с любыми классами, в которых есть точка. Например m-h-0.5 .

В то же время, если я изменю конфигурационный файл и присвою h-96 ему любое значение, оно все равно будет применяться. Как вы думаете, что может быть причиной такого поведения попутного ветра?

Я только что столкнулся с этой проблемой и нашел исправление.

Это происходит, если у вас нет postcss.config.js конфигурации в вашем корне. Это случилось со мной, потому что я обновлял более старую версию Tailwind, и по какой-то причине эта конфигурация не была сгенерирована изначально. Вы можете использовать tailwind для создания нового — просто запустите приведенный ниже код в корневом каталоге.

 npx tailwindcss init -p