vue iview 项目在IE浏览器空白兼容问题

使用vue-cli3构建在IE浏览器下报错，项目打开空白页

在babel.config.js文件夹里修改

2、在vue.config.js文件里面增加打包配置

只是做一个解决问题简单记录。

安装依赖

cnpm install --save babel-polyfill

cnpm install es6-promise --save

在main.js导入

import '@babel/polyfill'

import Es6Promise from 'es6-promise'

Es6Promise.polyfill()

.babelrc文件内配置

{

"presets": [

[

"@vue/app",

{

"useBuiltIns": "entry",

"polyfills": [

"es6.promise",

"es6.symbol"

]

}

]

]

}

babel.config.js文件中配置

module.exports = {

presets: [

[

"@vue/app",

{

"useBuiltIns": "entry",

polyfills: [

'es6.promise',

'es6.symbol'

]

}

]

],

}

vue.config.js文件中配置

chainWebpack: config =>{

config.module

.rule('iview')

.test(/iview.src.*?js |.html$|.\css/, // 匹配文件名

threshold: 10240, // 对超过10k的数据压缩

deleteOriginalAssets: false // 不删除源文件

}))

}

config.resolve.alias

.set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))

.set('_c', resolve('src/components'))

.set('@plugins', resolve('src/plugin'))

},

---