无法在创建反应应用程序中安装 TailwindCSS答案

【问题标题】：Can't install TailwindCSS in create react app无法在创建反应应用程序中安装 TailwindCSS
【发布时间】：2022-03-31 11:39:56
【问题描述】：

我正在尝试在 react 中安装 TailwindCSS，但在命令 npx tailwindcss-cli@latest init 中出现错误。它不会按预期生成tailwind.config.js 文件。请帮助我，非常感谢。

【问题讨论】：

这有帮助吗？ - github.com/tailwindlabs/tailwindcss/issues/2831

标签： reactjs tailwind-css

【解决方案1】：

你关注official documentation了吗？

第一：npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9。

【讨论】：

【解决方案2】：

安装 React

npx create-react-app my-app

安装 TailwindCSS

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

在 tailwind.config.js 中替换这些代码

    module.exports = {
      content: [
        "./src/**/*.{js,jsx,ts,tsx}",
      ],
      theme: {
        extend: {},
      },
      plugins: [],
    }

将这些添加到 index.css

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

恭喜您的设置已完成！ 现在你可以使用顺风类

用于生产构建 npm run build CSS 类自动优化，删除未使用的分类！您不必设置其他插件。

【讨论】：