按照官方安装说明，无法将Tailwind添加到现有的React应用程序中。 _程序开发

创始人

2024-08-24 03:30:08

0次

首先，打开终端并进入项目文件夹。运行以下命令，以确保您安装了必要的依赖关系：

npm install react-scripts --save-dev
npm install tailwindcss postcss-cli autoprefixer --save-dev

创建一个新的配置文件 postcss.config.js，添加以下代码：

module.exports = {
  plugins: [
    require('tailwindcss'),
    require('autoprefixer'),
  ],
};

在 src/index.css 中添加以下代码以启用 Tailwind 样式表：

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

当引入 Tailwind 后，如果样式表中包含任何错误，将不会编译。调试和排除错误可以参考 Tailwind CSS 错误文档。

完成上述步骤后，您现有的 React 应用程序应该能够使用 Tailwind CSS。

透视透视！德普软件，德普之星透... 透视透视！德普软件，德普之星透视（透视）其实真的是有挂（有挂秘籍）-哔哩哔哩1、德普之星透视破解器简...

目前来看！hhpkoer辅助器... 目前来看！hhpkoer辅助器，微乐自建房黑科技入口在哪，指引教程（真的有挂）-哔哩哔哩微乐自建房黑...

据公告内容！免费雀神挂件怎么安... 据公告内容！免费雀神挂件怎么安装，wepoker模拟器哪个好用，绝活教程（确实有挂）-哔哩哔哩1、免...

透视软件！德普之星辅助工具如何... 透视软件！德普之星辅助工具如何打开，德普之星透视（透视）原来真的是有挂（真的有挂）-哔哩哔哩1、这是...

事发当天！创思维激k看底牌辅助... 事发当天！创思维激k看底牌辅助软件，新星游辅助真的假的，总结教程（有挂细节）-哔哩哔哩1、首先打开创...

透视工具！德普之星透视辅助软件... 透视工具！德普之星透视辅助软件是真的吗，德普之星透视辅助软件（透视）果然有挂（详细教程）-哔哩哔哩1...

此事迅速冲上热搜！创思维激K辅... 此事迅速冲上热搜！创思维激K辅助器开挂，财神十三章安装包，妙招教程（有挂助手）-哔哩哔哩1、创思维激...

透视存在！如何下载德普之星辅助... 透视存在！如何下载德普之星辅助软件，德普之星怎么开辅助（透视）其实有挂（竟然有挂）-哔哩哔哩1、让任...

不少玩家反映！手游辅助平台，新... 不少玩家反映！手游辅助平台，新上游大厅修改器，阶段教程（确实有挂）-哔哩哔哩1、这是跨平台的新上游大...

透视透视！德普之星辅助软件，德... 透视透视！德普之星辅助软件，德普之星辅助工具如何打开（透视）一贯有挂（证实有挂）-哔哩哔哩1、德普之...