admin 管理员组

文章数量: 1086019
问题描述：
微信公众号通过链接打开vue页面遇到白屏问题，通过排查，发现是某些微信浏览器版本过低导致，而此时项目中使用到了es6，es7等语法，导致浏览器无法解析
解决方法：
一、针对vue版本@3.x
直接在根目录下添加.babelrc文件即可
{
  "presets": [
    ["@vue/cli-plugin-babel/preset"]
  ],
  "plugins": []
}
二、针对vue版本@4.x
// 1.安装bebel进行es6转es5
npm install babel-preset-es2015
同时在根目录下添加.babelrc文件，配置如下
{
  "presets": [
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": []
}
此时可能会报错，如有报错还需安装
npm i @babel/preset-env -D
综上针对vue@3.x和vue@4.x都可用的.babelrc配置如下
{
  "presets": [
    ["@vue/cli-plugin-babel/preset"],
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": []
}
最后 重新启动项目即可

本文标签： 浏览器 项目 Vue 微信端

版权声明：本文标题：解决H5、vue等项目在微信内置浏览器，微信端、ie某些浏览器打开白屏问题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1726855626a1050666.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。