vue cli3创建的项目发现在ie浏览器运行中出现语法错误,导致页面报错加载出现空白,然后自己查阅资料发现是在IE11及以下版本中大量ES6语法不支持,然后摸索测试一番后发现可以正常访问了。
安装 'babel-polyfill'cnpm i --save babel-polyfill
在main.js中引入'babel-polyfill'(在文件首行引入)import 'babel-polyfill'
在babel.config.js中添加
module.exports = {
presets: [
['@vue/app', {
useBuiltIns: 'entry'
}]
]
}
在vue.config.js中添加
module.exports = {
transpileDependencies: ["*"] // 这里*是代表选择了dependencies中所有需要转换的依赖,也可以按需填写,比如["vuex","element-ui"]
}
package.json中'browserslist'的配置
"browserslist": [
"> 1%",
"last 2 versions",
"not ie < 11",
"not dead"
]
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。