文章/答案/技术大牛

发布

社区首页 >问答首页 >React本机-rn顺风不会生成tailwind.json

问React本机-rn顺风不会生成tailwind.json
EN

Stack Overflow用户

提问于 2022-02-25 23:09:40

回答 1查看 598关注 0票数 1

我遵循了安装react本机-rn的所有步骤。

一开始一切正常，但当我将input.css移到src/css/input.css时，它只生成src/css/tailwind.css，而不是src/css/tailwind.json文件。

我确实修改了package.json上的行，使它们看起来像这样。

"build:tailwind": "tailwindcss --input ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer && tailwind-rn",

"dev:tailwind": "concurrently \"tailwindcss -i ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer --watch\" \"tailwind-rn --watch\""

这就是我的目录的外观(我隐藏了node_modules、android等文件夹)。

reactjs

react-native

tailwind-css

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-25 23:09:40

在package.json中的这两个命令的末尾，您将看到它们都有tailwind-rn，基本上命令所做的是:获取该文件(tailwind.css)并将其编译为(tailwind.json)

因此，由于您更改了路径，默认值(react-native-rn --input tailwind.css --output tailwind.json)无法工作。

在命令react-native-rn --input path/to/the/generated/css.css --output path/to/where/you/want/your/json.json的末尾手动添加

在本例中，如下所示：

-i等于--输入，而-o为--输出

"build:tailwind": "tailwindcss --input ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer && tailwind-rn -i ./src/css/tailwind.css -o ./src/css/tailwind.json",

"dev:tailwind": "concurrently \"tailwindcss -i ./src/css/input.css -o ./src/css/tailwind.css --no-autoprefixer --watch\" \"tailwind-rn -i ./src/css/tailwind.css -o ./src/css/tailwind.json\""

还记得编辑App.js导入

//from
import utilities from './tailwind.json';

//to
import utilities from './src/css/tailwind.json';

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71272641

复制

相似问题

问React本机-rn顺风不会生成tailwind.json
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React本机-rn顺风不会生成tailwind.jsonEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React本机-rn顺风不会生成tailwind.json
EN