虽然ie项目用的少了,但是我觉得还是发出来一版吧,万一有用上的呢,本文章就是vue3.X的在ie浏览器不支持es6语法的不兼容造成项目无法正常使用的解决方案。内容不多,但都是干货,冲!
1.安装支持包
cnpm install --save babel-polyfill
cnpm install es6-promise --save
2.在大目录的main.js里边引用 (src下面)
import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()
3.还是你的大目录vue.config.js中插入代码,没有就新建(和package.json同级)
module.exports = {
chainWebpack: config => {
config.entry.app = ['babel-polyfill', './src/main.js'];
},
}
4.babel.config.js文件下添加
presets: [
[
"@vue/app",
{
"useBuiltIns": "entry",
polyfills: [
'es6.promise',
'es6.symbol'
]
}
]
],
留言与评论(共有 0 条评论) “” |