小编iam*_*mer的帖子

为什么我的Vite React项目中的Tailwind类没有生效?

我有一个 Vite React 项目,通过 PostCSS 使用 Tailwind。但是,没有一个类反映本地主机。以下是项目中的文件:

postcss.config.js:

module.exports = {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    }
}
Run Code Online (Sandbox Code Playgroud)

tailwind.config.js:

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}
Run Code Online (Sandbox Code Playgroud)

应用程序.js:

const App = () => {
  return (
    <div className="App">
      <h1 class="text-3xl font-bold underline">
        Hello world!
      </h1>
    </div>
  )
}
export default App
Run Code Online (Sandbox Code Playgroud)

这一切都是按照 Tailwind 文档中的说明完成的,网址为https://tailwindcss.com/docs/installation/using-postcss

为什么不起作用?

reactjs postcss tailwind-css vite

4
推荐指数
1
解决办法
3718
查看次数

标签 统计

postcss ×1

reactjs ×1

tailwind-css ×1

vite ×1