微信开发者工具开发网页,不支持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解决了,配置如下

完结撒花

相关推荐
码行山野赴时序归途2 小时前
链表家族收官篇:循环链表
c语言·开发语言·数据结构·链表
景熙55232 小时前
单体项目编写思路和落地形式
java·开发语言
尾善爱看海2 小时前
《JavaScript 数组操作全攻略:12 类 API + 30 个实战场景 + 20 个避坑指南》
前端·javascript·面试
计算机毕设定制辅导-无忧学长3 小时前
《基于SpringBoot的未成年人健康知识科普平台的设计与实现》
java·开发语言·vue.js·spring boot·未成年人健康知识科普平台
OpsEye3 小时前
为什么你的 Agent 莫名烧钱?聊聊循环调用的兜底方案
javascript·ai编程
Ivanqhz3 小时前
Ping-Pong 双缓冲
开发语言·人工智能·python·深度学习·mlir
m0_734571763 小时前
深入理解C++ RAII
开发语言·c++
泡海椒3 小时前
jquick-pdf 表格实战:动态数据 PDF 报表生成
java·开发语言·pdf
aramae3 小时前
模拟实现memset()(C语言)
c语言·开发语言·后端
linux_cfan3 小时前
16 · `custom-media-element`:属性拦截与转发
前端·javascript·音视频