React TailwindCSS 未安装

Question

我正在尝试学习 React，但我已经尝试了视频、文档以及我能做的一切，但它不起作用。它不会抛出任何错误。 如果由我决定，我会使用 Bootstrap，但由于我是实习生，我的工作场所希望我使用 Tailwind。

（我使用Ubuntu Linux）

我查看了文档并尝试按照视频进行操作。通常，我会将文件集成到不同的位置

Answer 1

您看到什么错误？您可以在 Stackblitz 或 Codesandbox 中分享可重现的示例吗？

假设您正在使用NPM，您可以按照说明进行操作

1. 安装依赖项

npx create-react-app my-project
cd my-project

2. 通过 npm 安装 tailwindcss，然后运行 init 命令生成 tailwind.config.js 文件。

npm install -D tailwindcss
npx tailwindcss init

3. 在 tailwind.config.js 文件中添加所有模板文件的路径。

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

4. 将 Tailwind 每个层的 @tailwind 指令添加到您的 ./src/index.css 文件中。

@tailwind base;
@tailwind components;
@tailwind utilities;

5. 启动项目，它应该按预期工作

npm run start

详情请参阅https://tailwindcss.com/docs/guides/create-react-app