1)import 'babel-polyfill'
2)新建:babel.config.js(如果没有的话)
module.exports = {
presets: [
['@vue/app', {
useBuiltIns: 'entry'
}]
]
}
3)若promise还是报错,安装es6-promise:
在main.js中引入,放在最上:
import 'babel-polyfill';
import promise from 'es6-promise'
promise.polyfill();
require('es6-promise/auto');
4)部分项目还会出现引入插件报语法错误,需要特殊处理:
vue.config.js:
module.exports = {
......
chainWebpack: config => {
config.entry.app = ["babel-polyfill", "./src/main.js"];
},
// 处理node_modules依赖中的插件es6语法未转换问题
transpileDependencies: [
'_view-design@4.7.0@view-design',
'tree-table-vue' //根据ie提示报错目录,把插件的文件夹加进来
],
......
}
css 兼容:
1)安装autoprefixer、postcss(加前缀)
2)新建postcss.config.js文件
module.exports = {
plugins: {
autoprefixer: {}
}
}
3)import cssVars from 'css-vars-ponyfill'; (解决ie无法解析var 变量等问题)
cssVars({
watch: true,
onlyLegacy: false
});