首页 > 解决方案 > React Tailwind - 无法运行 build.css 文件

问题描述

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

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

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

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

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

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

谁能告诉我为什么?

标签: reactjstailwind-csspostcssautoprefixerpostcss-cli

解决方案


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

"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

推荐阅读