我使用 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
.
我怎样才能解决这个问题?