微信开发者工具开发网页,不支持tailwindcss v4怎么办?

你的代码我的心2026-02-06 10:00

话说一天下午刚刚把一个项目开发完，功能很简单，就是用户填写信息，生成海报；换个酷酷的背景，我一时新起，就用了nuxtjs+shadow-ui 开发搭建项目，在ai的帮助下，一个上午就完成了前后端的开发；下午就发给我了客户，有几个客户正常打开，我也正常打开，突然有一个打开之后就是下面这个样子？？？？？？我蒙了，于是问了对方的机型，iphone 12 pro max ,我第一时间想的是，不可能吧，怎么会这样呢？难道是代码部署不对，我又部署了一次，发现还是没有解决问题；最后我把线上地址往微信开发者工具一粘贴。。。。结果

结果就是这个样子 ;我惊鸟。。。于是各种处理方案，最后是在微信社区找到了解药

两个问题：

js 的支持，比如会报错 Object.hasOwn 不存在

tw4 样式问题

js问题解决：

javascript 复制代码

// 可选：微信常见雷点 router.options.ts 代码 下
import "core-js/features/object/has-own";
import "core-js/features/array/at";
import "core-js/features/string/at";
import "core-js/features/string/replace-all";
import "core-js/features/promise";
import "core-js/features/symbol";

TW4问题解决

用postcss-preset-env解决了,配置如下

微信开发者工具开发网页,不支持tailwindcss v4怎么办?

js问题解决：

TW4问题解决

完结撒花