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

完结撒花

相关推荐
飞浪纪元[FWC–FE]3 分钟前
从零到一键绿:Qt 5.14.2 + VS2019 开发环境搭建、Kit 套件配置与构建错误修复完全手册
开发语言·qt
Wang's Blog15 分钟前
Java 项目实战:交友项目 - 联系人列表
java·开发语言·交友
我命由我1234519 分钟前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
架构师伯子明21 分钟前
FFmpeg C++学习(一):编译和demo
开发语言·c++·学习
海域云SeaArea_24 分钟前
Windows Server 2008 R2 从零安装 IIS7.5(二):php.ini 配置
开发语言·windows·php
叼烟扛炮33 分钟前
[LangChain] 学习笔记(02):LCEL 链式调用与动态模型配置实战
服务器·开发语言·网络·笔记·学习·langchain
xixingzhe234 分钟前
图表中同比与环比的区别:看趋势还是看变化?
开发语言·python
andyweike43 分钟前
Swift
开发语言·ios·swift
纪念 22944 分钟前
C++算法(六)
开发语言·c++·算法
程序员大阳1 小时前
副队长JavaScript教程(65)-详解JSON:轻量级数据交换格式
javascript·json·序列化·反序列化·stringify·parse