小编Pra*_*tya的帖子

Tailwind CSS 在 Vite + React 中不起作用

我使用 Vite 创建了一个 React 应用程序,并使用此处提供的文档来安装 Tailwind:Tailwind CSS 安装指南

然而,它并没有采用任何 Tailwind 风格。

tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};
Run Code Online (Sandbox Code Playgroud)

索引.css

@tailwind base;
@tailwind components;
@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)

主.tsx

import React from "react";
import ReactDOM from "react-dom/client";
import { RouterProvider } from "react-router-dom";
import { router } from "./router";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>
);
Run Code Online (Sandbox Code Playgroud)

我安装的唯一依赖项是react-router-dom.

我怎样才能解决这个问题?

reactjs tailwind-css vite

10
推荐指数
2
解决办法
7873
查看次数

标签 统计

reactjs ×1

tailwind-css ×1

vite ×1