[Bug]: 引入tailwindcss 样式后报错

[coderInwind]

weapp-tailwindcss 版本

3.4.0

框架 & 小程序平台

原生

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

No response

复现bug的步骤

一个空的小程序，根据文档步骤安装并运行，引入 @tailwind base; @tailwind components; @tailwind utilities; 后报错

[ WXSS 文件编译错误] ./app.wxss(2:16): unexpected token ;(env: Windows,mp,1.06.2405020; lib: 3.5.2)

并且白屏

预期是什么？

正常运行

实际发生了什么？

白屏

运行环境

20.16.0

其他附加信息

No response

[sonofmagic]

看情况，应该是 tailwindcss 没有注册成功，导致 postcss 处理失败了

这种情况，可以对照着我的模板，看看哪里是不是有什么不同。

另外，假如你按照我的教程发现哪里走不通的，也欢迎提出了，帮助我们改善文档。

[dshuais]

哥们搞好了吗？跟着作者之前的文章配置后好像是哪里有点问题的。

我也遇到了跟你一样的报错。

作者之前文章地址：https://developers.weixin.qq.com/community/develop/article/doc/000eae42674ff0e0f47fc36da5d013

[sonofmagic]

哥们搞好了吗？跟着作者之前的文章配置后好像是哪里有点问题的。

我也遇到了跟你一样的报错。

作者之前文章地址：https://developers.weixin.qq.com/community/develop/article/doc/000eae42674ff0e0f47fc36da5d013

可以看看 https://weapp-tw.icebreaker.top/ 这里的教程和模板，其他过去发得一些文章可能比较老了，没有及时更新导致没注册成功。

[dshuais]

作者们搞好了吗？按照之前的文章配置后想是哪里有点问题的。 我也遇到了跟你一样的报错。 作者之前文章地址：https://developers.weixin.qq.com/community/develop/article/doc/000eae42674ff0e0f47fc36da5d013

可以看看https://weapp-tw.icebreaker.top/这里的教程和模板，其他过去发得的一些文章可能比较老了，没有及时更新导致没有注册成功。

感谢回复。通过官网的教程成功了，很棒！

uni-vue3-vite的项目之前跟现在配置一样，只是之前都是通过xx.config.js进行配置的，所以没有成功，现在全换成ts就成功了，还是有点疑惑

[darcy521]

我用的原生小程序开发也遇到了同样的问题并且我根据你写的文档(https://weapp-tw.icebreaker.top/docs/quick-start/native/install)反复试验了三四次都卡在了最后一步npx weapp-tw init 并且我在这一步执行完之后会显示app.js not found，然后app.wxss中也无法变tailwind的东西 所以每次我都要去project.config.json里面把一下两个属性删除 在此之后我的小程序才跑的起来，但是缺这个似乎就无法使用tailwind，希望能解决一下这个冲突谢谢

[sonofmagic]

嗯，我自己按照我写的文档，整个重新来一遍试试

我用的原生小程序开发也遇到了同样的问题并且我根据你写的文档(https://weapp-tw.icebreaker.top/docs/quick-start/native/install)反复试验了三四次都卡在了最后一步npx weapp-tw init 并且我在这一步执行完之后会显示app.js not found，然后app.wxss中也无法变tailwind的东西 所以每次我都要去project.config.json里面把一下两个属性删除 在此之后我的小程序才跑的起来，但是缺这个似乎就无法使用tailwind，希望能解决一下这个冲突谢谢

[sonofmagic]

目前基于 gulp @weapp-tailwindcss/cli 已经废弃，推荐都迁移到更加先进的 weapp-vite，迁移几乎0成本，遇到什么问题可以在 weapp-vite