Некоторые классы попутного ветра внезапно перестали работать в моем приложении Preact + Vite

Раньше я работал с TailwindsV3, Preact и Vite3, и они работают хорошо.

Я расширил тему попутного ветра, и она работала просто отлично.

Однако после того, как я немного подправил конфигурацию попутного ветра,
Некоторые классы попутного ветра по умолчанию внезапно перестают работать,
И никогда не смогу заставить его работать снова, даже если я верну конфигурацию обратно.

Например,
Классы с отступами 1 и 2 типа p-1px-2 отсутствуют.
Но классы с отступами 3 и 4 вроде p-3py-4 все еще существуют.

Это не повернулось даже после того, как я удалил все свои расширенные темы.

Кто-нибудь знает, что здесь происходит?


Вот мои конфигурации

postcss.config.cjs

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "primary": "#242424",
        "gray": {
          "1": "#EAEAEA",
          "2": "#ACB5BD",
          "3": "#838A90",
          "4": "#2B2F35",
        }
      },
      borderWidth: {
        '05': '0.5px',
      }
    },
  },
  plugins: [],
}

package.json

{
  "name": "editor",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "preact": "^10.10.1",
    "react-icons": "^4.4.0"
  },
  "devDependencies": {
    "@preact/preset-vite": "^2.3.0",
    "autoprefixer": "^10.4.12",
    "postcss": "^8.4.16",
    "tailwindcss": "^3.1.8",
    "typescript": "^4.6.4",
    "vite": "^3.0.7"
  }
}

Вот что я пробовал, это не сработало. (После того, как я удалил все свои расширенные темы)

  • Очистите node_modules и yarn install снова.
  • Бегайте, используя vite build и vite preview
  • Очистить кеш браузера/сменить браузер.

264
1

Ответ:

Решено

Вывод: Tailwind не поддерживает динамическое построение имени класса, я использовал его в своем коде.

https://tailwindcss.com/docs/content-configuration#dynamic-class-names