问题现象
项目使用vue/cli3脚手架搭建的前端项目,vue版本为2.6.10。
browserslist的配置如下:
[ "> 1%", "last 2 versions"]
但开发环境的IE11打开显示白屏,F12打开显示:
分析过程
5306行显示 "./node_modules/_debug@4.1.1@debug/src/browser.js"这个路径报错,由于eval()包含的代码中有ES6的语法,IE不支持,查了网上很多资料都说使用babel-polyfill来解决。
现象一:IE不支持ES6语法
Vuex requires a Promise polyfill in this browser
"“Promise”未定义"
以上现象为IE不支持Promise,即不支持ES6语法。出现IE白屏和报SCRIPT1002错误的大都是此原因。当前处理起来也比较简单,网上大部份资源都可以找到解决方案,就是使用babel-polyfill。
首先安装babel-polyfill
npm install --save-dev babel-polyfill
然后在babel.config.js修改presets,内容如下:
// presets: [["@vue/app", {useBuiltIns: "entry",}]],// 此为vue/cli3
presets: [["@vue/cli-plugin-babel/pr