1. 首页
  2. 技术知识

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

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

1.安装支持包

cnpm install –save babel-polyfill cnpm install es6-promise –save2.在大目录的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’];      },}

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

presets: [    [      “@vue/app”,      {        “useBuiltIns”: “entry”,        polyfills: [          ‘es6.promise’,          ‘es6.symbol’        ]      }    ]  ],

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/126830.html

联系我们