Fix bug | Taro+React 微信小程序引入tailwind

taro:4.0.5
weapp-tailwindcss:3.5.2
报错:[ WXSS 文件编译错误]
./app.wxss(129:7): unexpected `\` at pos 4972(env: Windows,mp,1.06.2407110; lib: 3.5.6)


尝试解决:
1. 解决方案:将根目录下config/index.js中的plugins中的['taro-plugin-compiler-optimization']注释掉
https://github.com/sonofmagic/weapp-tailwindcss/issues/131
https://github.com/sonofmagic/weapp-tailwindcss/issues/123
结果:在config/index.ts 文件中并未找到 plugins ['taro-plugin-compiler-optimization']

2. 解决方案:terser-webpack-plugin和tailwindcss可能有些冲突,项目里用的各种东西太多了,相互叠加起来,编译时难免会出问题
https://github.com/NervJS/taro/issues/14999
结果:已经将pnpm-lock.yaml中的terser-webpack-plugin全部注释掉,依然存在上述报错

3.重新启动npm run dev:weapp 以及重启微信开发者工具
结果:问题解决,tailwind正常使用

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值