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

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

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

两个问题:

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

  2. 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解决了,配置如下

完结撒花

相关推荐
为何创造硅基生物9 小时前
C语言 结构体内存对齐规则(通俗易懂版)
c语言·开发语言
吃好睡好便好9 小时前
在Matlab中绘制横直方图
开发语言·学习·算法·matlab
星寂樱易李9 小时前
iperf3 + Python-- 网络带宽、网速、网络稳定性
开发语言·网络·python
仰泳之鹅10 小时前
【C语言】自定义数据类型2——联合体与枚举
c语言·开发语言·算法
之歆10 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
Maimai1080810 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong10 小时前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
cen__y11 小时前
Linux12(Git01)
linux·运维·服务器·c语言·开发语言·git
AI人工智能+电脑小能手11 小时前
【大白话说Java面试题 第65题】【JVM篇】第25题:谈谈对 OOM 的认识
java·开发语言·jvm
社交怪人12 小时前
【算平均分】信息学奥赛一本通C语言解法(题号2071)
c语言·开发语言