admin管理员组

文章数量:1559096

公司最近的vue项目运行在安卓5或者ie浏览器中会白屏，找到了一招方法立马解决该问题，亲测有效

出现问题的原因：浏览器兼容性问题，不支持es6新特性，所以思路是加一些es6转es5的垫片，具体步骤如下：

本方法适用于vue cli 4.x的vue2项目
1、第一步在main.js中引入：

import 'core-js/stable'
import 'regenerator-runtime/runtime'

2、第二步在babel.config.js中添加 usebuiltins: ‘entry’：

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        usebuiltins: 'entry'
      }
    ]
  ],
  ...
 }

3、最后（如果安装了用es6写的插件的话）需要在vue.config.js中添加 transpiledependencies：

module.exports = {
  transpiledependencies: [
    'vant', // 一些插件名a
    'js-base64', // 一些插件名b
    'vconsole'
  ],
  ....
}

好啦，你编译的时候会自动帮你安装好 polyfill 的所有插件。是不是很好用？

本文标签：

j9九游会老哥俱乐部交流区的版权声明：本文标题：vue 一招解决安卓5 ie浏览器 白屏 的兼容问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1727373287a1111419.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。