React Tailwind - 无法运行 build.css 文件

Posted 2023-03-07

【中文标题】React Tailwind - 无法运行 build.css 文件

【英文标题】：React Tailwind - Not able to run build.css file

【发布时间】：2021-03-07 09:41:33

【问题描述】：

我是 tailwind 新手，我有一个简单的带有基本 CSS 的 react 购物车项目，我想用 Tailwind 转换它。

我已经使用下面的教程安装了 tailwind。

https://www.youtube.com/watch?v=v6Sy6VP2yOc

但是在教程中他使用npm run build:css 命令时我被卡住了。

视频时间圈 -- https://youtu.be/v6Sy6VP2yOc?t=286

在教程中它编译成功，但在我这边却没有。

谁能告诉我为什么？

【问题讨论】：

可以分享代码吗？

【参考方案1】：

你能检查下面的代码吗？希望它对你有用。你可以试试这个方法，可能对你有帮助。

"scripts": 
  "start": "react-scripts start",
  "build": "npm run build:css && react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "build:css": "postcss src/your-path -o src/your-path",

之后，您需要使用以下命令重新启动项目，以便自动构建您的 tailwind 文件。

npm start