关于Vue3项目在ie中白屏的解决方案(ES6语法在ie中不兼容造)


虽然ie项目用的少了,但是我觉得还是发出来一版吧,万一有用上的呢,本文章就是vue3.X的在ie浏览器不支持es6语法的不兼容造成项目无法正常使用的解决方案。内容不多,但都是干货,冲!


1.安装支持包

cnpm install --save babel-polyfill
 
cnpm install es6-promise --save

2.在大目录的main.js里边引用 (src下面)

import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()


3.还是你的大目录vue.config.js中插入代码,没有就新建(和package.json同级)


module.exports = {
    chainWebpack: config => {
        config.entry.app = ['babel-polyfill', './src/main.js'];
      },
}
关于Vue3项目在ie中白屏的解决方案(ES6语法在ie中不兼容造)

4.babel.config.js文件下添加

presets: [
    [
      "@vue/app",
      {
        "useBuiltIns": "entry",
        polyfills: [
          'es6.promise',
          'es6.symbol'
        ]
      }
    ]
  ],
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章