当前位置: 首页 > Web前端 > HTML

记录下VueCLI3项目解决IE浏览器语法兼容导致页面错误白屏的问题

时间:2023-03-28 15:24:30 HTML

vuecli3发现在ie浏览器运行过程中出现语法错误,导致加载空白页面错误,然后自己查了资料,发现在IE11及以下不支持大量ES6语法,经过摸索和测试,发现可以正常访问。Install'babel-polyfill'cnpmi--savebabel-polyfill在main.js中引入'babel-polyfill'(文件第一行引入)import'babel-polyfill'在babel.config中添加module.exports=。js{presets:[['@vue/app',{useBuiltIns:'entry'}]]}Addmodule.exports={transpileDependencies:["*"]invue.config.jsinvue.config.js//这里*表示选中dependencies中所有需要转换的依赖,也可以根据需要填写,比如在["vuex","element-ui"]}package.json"browserslist"中配置'browserslist':[">1%","最后2个版本","notie<11","notdead"]