我按照文章https://medium.com/@rsrofficial99/react-vite-tailwind-6238209f95ad使用vite和tailwind css创建了一个react应用程序。
下面是我的文件夹结构:enter image description here
下面是我的包Json:enter image description here
下面是我的tailwind配置文件:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
这是我的博客:
import tailwindcss from 'tailwindcss';
export const plugins = [
tailwindcss('./tailwind.config.cjs'),
require('autoprefixer')
];
我还包括
@tailwind base;
@tailwind components;
@tailwind utilities;
在我的indexidocss中。但是tailwind类没有被应用。我试着重新安装和升级所有的东西,但是似乎没有什么工作。
我尝试重新安装该项目。
1条答案
按热度按时间sczxawaw1#
请按照official docs中的步骤操作,它将正常工作。
如果按照上面提到的官方文档操作后仍不起作用,请编辑您的问题以包含
App.jsx
index.css
tailwind.config.cjs
,Stack overflow社区将帮助您!