Раньше я работал с TailwindsV3, Preact и Vite3, и они работают хорошо.
Я расширил тему попутного ветра, и она работала просто отлично.
Однако после того, как я немного подправил конфигурацию попутного ветра,
Некоторые классы попутного ветра по умолчанию внезапно перестают работать,
И никогда не смогу заставить его работать снова, даже если я верну конфигурацию обратно.
Например,
Классы с отступами 1 и 2 типа p-1
px-2
отсутствуют.
Но классы с отступами 3 и 4 вроде p-3
py-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
Вывод: Tailwind не поддерживает динамическое построение имени класса, я использовал его в своем коде.
https://tailwindcss.com/docs/content-configuration#dynamic-class-names