sonofmagic / weapp-tailwindcss

bring tailwindcss to weapp ! 把 `tailwindcss` 原子化思想带入小程序开发吧 ! 原 `weapp-tailwindcss-webpack-plugin`
https://weapp-tw.icebreaker.top
MIT License
1.12k stars 82 forks source link

[Bug]: 使用 HbuilderX 进行编译的时候,显示找不到 tailwindcss 导致起不来报错,这是由于 HbuilderX 改变了 process.cwd 的位置导致的 #306

Closed sonofmagic closed 1 month ago

sonofmagic commented 1 month ago

weapp-tailwindcss 版本

3.3.0

框架 & 小程序平台

uni-app vue3 vite

最小复现bug的代码仓库链接

复现bug的步骤

使用 HbuilderX 模板: https://gitee.com/sonofmagic/RuoYi-App https://github.com/sonofmagic/uni-app-vue3-tailwind-hbuilder-template

都会出现这个问题

预期是什么?

正常编译显示

实际发生了什么?

833339c5a3cbe1b8421894e65e7eab8

de2db76eebc426f2033ceeaa077a02b

运行环境

No response

其他附加信息

No response

sonofmagic commented 1 month ago

解决方案: image

给插件额外传递一个 tailwindcssBasedir__dirname 的配置 :

        uvwt({
            rem2rpx: true,
            disabled: WeappTailwindcssDisabled,
+           tailwindcssBasedir: __dirname
        })

用于显式指明,应该从当前目录的 node_modules 中去寻找 tailwindcss 即可解决问题。