Произвольные классы ширины и высоты, такие как max-w-[500px], не применяются после обновления с версии 3. ⇐ CSS

[Anonymous]

Я использую Tailwindcss в nextjs и столкнулся с этой проблемой после запуска npx @tailwindcss/upgrade для обновления с Tailwind v3 до последней версии v4.
По сути, ничего с шириной или высотой больше не применимо. Никаких изменений в файл Tailwind.config.ts не вносилось, только несколько изменений в global.css после выполнения команды обновления. Я попытался запустить сценарий сборки, а ширина и высота все еще находятся в dist/style.css, но они отсутствуют при проверке с помощью инструмента разработчика браузера. На самом деле не знаю, как это решить, поэтому, пожалуйста, помогите
Однако это работает:

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

Это мой файл global.css

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

@import './modal.css' layer(base);
@import './print.css' layer(base);

@import 'tailwindcss';

@config '../../tailwind.config.ts';

:root {
--breakpoint-desktop-content: 77rem;
}

/*
The default border color has changed to `currentcolor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.

If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

body {
font-style: normal;
font-weight: 400;
line-height: 24px;
}

мой Tailwind.config.ts

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

import type { Config } from "tailwindcss"

const config: Config = {
content: [
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
"./src/utils/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
// My custom stuff
}
},
plugins: [],
}
export default config

мой тестовый код:

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

LOL

Ширина и высота вообще не отображаются при проверке стилей
Как это выглядит в devtool
Я также пытался удалить Tailwind.config.ts и оставить global.css минимальным, а классы ширины и высоты все равно не работают.

Подробнее здесь: https://stackoverflow.com/questions/797 ... er-upgradi