vue-cli 3.x 在IE11 报错 问题

Question

问题描述
IE11下报如下错误:[vuex]vuexrequiresaPromisepolyfillinthisbrowser.
问题出现的环境背景及自己尝试过哪些方法
开发一直在chrome下没有发现出问题，今天在ie下测试发现报了兼容性错误，类似symbol不存在的错于是就在项目中尝试添加polyfill根据官方文档：
//babel.config.js
module.exports={
presets:[
['@vue/app',{
polyfills:[
'es6.promise',
'es6.symbol'
]
}]
]
}
这里有个坑！！presets:[[]],两个括号..
然后就出现了这个错误：[vuex]vuexrequiresaPromisepolyfillinthisbrowser.
然后翻了StackOverflow和vue-cligithubissue发现vue-cliissue这个issue跟我遇到的问题差不多，有两个解决方案：1.
vue-class-component的问题
vuejs/vue-class-component#283
暂时先回退vue-class-component到6.2.0可以解决问题
2.Fixedinvue-class-componentv6.3.2
然后我很懵逼，这个vue-class-component包怎么才能升级或回退呢.我找遍整个项目都没有找到这个包~~
然后又找到这个issue解决方案是添加import"es6-promise/auto"尝试后依然无效..
最后尝试升级"@vue/cli-plugin-babel":"^3.1.1",依然没有解决问题！
还有一个解决方案是:
entry:{
app:["babel-polyfill","./src/main.js"]
}
这个项目是用的vue-cli3构建的多页应用，总不能在没个入口都配置一遍吧...
我最终妥协了，为每个页面入口都配置了:{entry:['@babel/polyfill','xxx/index.js']结果被无情的拒绝：TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestring.Receivedtypeobject
我现在很绝望...

Answer 1

//babel.config.jsmodule.exports={presets:[['@vue/app',{polyfills:[//promisepolyfillalonedoesn'tworkinIE,//needsthisaswell.see:#1642'es6.array.iterator',//thisisrequiredforwebpackcodesplitting,vuexetc.'es6.promise',//#2012es6.promisereplacesnativePromiseinFFandcausesmissingfinally'es7.promise.finally''es6.symbol']}]]}