Стили попутного ветра применяются непоследовательно ⇐ CSS
Стили попутного ветра применяются непоследовательно
Я создаю приложение NextJS14 с помощью Tailwind и сталкиваюсь с каким-то странным поведением. Большинство свойств Tailwind компилируются нормально, но я замечал случаи, когда некоторые классы не отображались в таблице стилей DOM, хотя я вижу имя класса в DOM в элементе HTML.
Например, у меня есть , и стиль применяется, как и ожидалось, и вы можете увидеть имя класса, примененное в DOM, как в таблице стилей, так и в HTML-элемент. Если я обновлю этот элемент, чтобы он стал , стиль сломается, и я не увижу имя класса в таблице стилей DOM, но вижу его в HTML-элемент в DOM. Я также тестировал это с p-1.5 и p-3, но продолжаю наблюдать плохое поведение с p-2. ОДНАКО, когда я меняю элемент на , стиль внезапно работает, и я вижу имя класса в DOM как для HTML-элемент и в таблице стилей.
Я все еще новичок в Tailwind, и мне интересно, есть ли какая-то ошибка, которую я упускаю, которая может быть причиной этого? Я использую конфигурацию NextJS Tailwind по умолчанию.
Я запускал NextJS в режиме разработки, проверял это с помощью App Router как в Next13, так и в Next14 и наблюдал одинаковое поведение.
Заранее благодарим за любую помощь и дайте мне знать, если я могу предоставить какой-либо дополнительный контекст!
Я создаю приложение NextJS14 с помощью Tailwind и сталкиваюсь с каким-то странным поведением. Большинство свойств Tailwind компилируются нормально, но я замечал случаи, когда некоторые классы не отображались в таблице стилей DOM, хотя я вижу имя класса в DOM в элементе HTML.
Например, у меня есть , и стиль применяется, как и ожидалось, и вы можете увидеть имя класса, примененное в DOM, как в таблице стилей, так и в HTML-элемент. Если я обновлю этот элемент, чтобы он стал , стиль сломается, и я не увижу имя класса в таблице стилей DOM, но вижу его в HTML-элемент в DOM. Я также тестировал это с p-1.5 и p-3, но продолжаю наблюдать плохое поведение с p-2. ОДНАКО, когда я меняю элемент на , стиль внезапно работает, и я вижу имя класса в DOM как для HTML-элемент и в таблице стилей.
Я все еще новичок в Tailwind, и мне интересно, есть ли какая-то ошибка, которую я упускаю, которая может быть причиной этого? Я использую конфигурацию NextJS Tailwind по умолчанию.
Я запускал NextJS в режиме разработки, проверял это с помощью App Router как в Next13, так и в Next14 и наблюдал одинаковое поведение.
Заранее благодарим за любую помощь и дайте мне знать, если я могу предоставить какой-либо дополнительный контекст!
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение