reactjs Tailwind CSS类未应用于React应用程序

uxhixvfz  于 2023-01-02  发布在  React
关注(0)|答案(1)|浏览(133)

我按照文章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类没有被应用。我试着重新安装和升级所有的东西,但是似乎没有什么工作。
我尝试重新安装该项目。

sczxawaw

sczxawaw1#

请按照official docs中的步骤操作,它将正常工作。
如果按照上面提到的官方文档操作后仍不起作用,请编辑您的问题以包含App.jsxindex.csstailwind.config.cjs,Stack overflow社区将帮助您!

相关问题