Классы утилиты Tailwind CSS не распознаются в Next.js 14 до перестройки ⇐ CSS

[Anonymous]

В своем проекте я использую Next.js 14 с Tailwind CSS. Я заметил, что служебные классы CSS Tailwind не всегда распознаются сразу после их добавления.
Чтобы увидеть новые служебные классы в действии, мне нужно остановить сервер разработки, удалив .next создайте папку, а затем перезапустите сервер.
Вот пример проблемы, с которой я столкнулся:
Я добавляю к компоненту новый служебный класс для минимальной ширины:
//Components/ExampleComponent.tsx

Код: Выделить всё

export default function ExampleComponent() {
return (

This div should have a minimum width of 100%.

);
}

После добавления класса min-w-full я не вижу изменений, пока не выполню следующие действия:

• Остановите сервер разработки
• Удалите папку .next
• Перезапустите сервер разработки: npm run dev

Вот мой Tailwind.config.js:

Код: Выделить всё

/** @type {import('tailwindcss').Config} */

module.exports = {
content: [
"./app/**/*.{ts,tsx}",
"./app/_components/**/*ts,tsx}",
"./**/*.{ts,tsx}",
],
mode: "jit",
theme: {
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1450px",
},
},
},
plugins: [require("tailwindcss-animate")],
};

Я также пытался добавить режим: "jit", но ничего не дало..

Подробнее здесь: https://stackoverflow.com/questions/785 ... il-rebuild