wx-open-launch-weapp 开放标签打开小程序，目前部分用户跳转异常，会打开错误页面或者无法打开小程序

wx.config({       debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印       appId: res.app_id, // 必填，公众号的唯一标识       timestamp: res.timestamp, // 必填，生成签名的时间戳       nonceStr: res.nonce_str, // 必填，生成签名的随机串       signature: res.signature, // 必填，签名       jsApiList: ['wx-open-launch-weapp'], // 必填，需要使用的JS接口列表       openTagList: ['wx-open-launch-weapp'], // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']     });     // 通过ready接口处理成功验证     wx.ready(function () {       console.log('wx.ready');     }); 控制台wx.ready执行之后就报错了： [wxtag] [jscore] {retCode:21002 webComptName:'wxopen',error:'load appScript ex:Connection reset, url: http://res.wx.qq.com/webc/jscode_wxopen_137'} [图片] 手机型号是 redmi X10, 系统： Mozilla/5.0 (Linux; Android 10; M2004J7AC Build/QP1A.190711.020; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/86.0.4240.99 XWEB/3189 MMWEBSDK/20220105 Mobile Safari/537.36 MMWEBID/2582 MicroMessenger/8.0.19.2080(0x2800133D) Process/toolsmp WeChat/arm64 Weixin NetType/4G Language/zh_CN ABI/arm64

问题：（大部分机器跳小程序成功，个别机器跳小程序失败）wx.config的ready触发、error不触发，wx-open-launch-weapp标签事件不触发 操作系统:ios/15.1.1, micromessenger/8.0.7 操作：wx.config的ready触发、error不触发，wx-open-launch-weapp标签ready不触发；点击按钮， wx-open-launch-weapp的父级click 事件触发，wx-open-launch-weapp的launch和error没有触发。 代码： const init = () => {   return new Promise((resolve, reject) => {     wx.config({       debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印       appId: res.app_id, // 必填，公众号的唯一标识       timestamp: res.timestamp, // 必填，生成签名的时间戳       nonceStr: res.nonce_str, // 必填，生成签名的随机串       signature: res.signature, // 必填，签名       jsApiList: [ 'wx-open-launch-weapp'], // 必填，需要使用的JS接口列表       openTagList: ['wx-open-launch-weapp'], // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']     });     // 通过ready接口处理成功验证     wx.ready(function () {       console.log('ready');       // wx.hideOptionMenu();       resolve(true);     });     wx.error(function (err: Error) {       console.log('error', err);       reject(err);     });   }); };                 <div class="btn-1" @click="toMiniprogram">                   <div class="btn-text">马上前往</div>                   <wx-open-launch-weapp                     id="launch-btn"                     :username="originalId"                     :path="path"                     @launch="ifReLoad"                     @error="errorHandler"                     @ready="onReady"                   >                     <div v-is="'script'" type="text/wxtag-template">                       <div                         style="                           display: block;                           width: 231px;                           height: 64px;                           border-radius: 32px;                           font-size: 16px;                           font-weight: 600;                           color: #ff431e;                           line-height: 64px;                           text-align: center;                         "                       ></div>                     </div>                   </wx-open-launch-weapp>                 </div>                                                                                                                                                

1、微信小程序动画有自己的方法：官方链接 但需要自己去写动画效果，比较麻烦。 2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。 animate.css包含76种动画，使用非常简单。animate.css官网 : https://daneden.github.io/animate.css/ 3、由于小程序对代码大小限制比较大，所以删除了animate.css中 所有@-webkit-部分css，减少了一半体积 再把文件后缀名改为wxss，以后出来的百度小程序、支付宝小程序、今日头条小程序估计修改对应的后缀名就可以直接使用了。 下载地址：http://nodejs999.com/animate.wxss 4、放到小程序代码中，然后@import到app.wxss文件中。 我项目是把animate.wxss文件放在utils文件夹下。 所以在app.wxss中加入 @import './utils/animate.wxss'; 即可。 就可以像animate.css一样使用了。