兼容IE(太坑了)
下载插件
npm install --save babel-polyfill或者npm i @babel/polyfill
npm i es6-promise或者 npm install es6-promise --save-dev
main.js文件
//在main.js引入 ,在第一行
import '@babel/polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()
//vue.config文件
//在vue.config增加
module.exports={
/**报错:SCRIPT1033: 缺少:chunk-vendors.js (235.1)*/
//transpileDependencies内容来源:点击chunk-vendors.js,根据里面报错来填写内容,比如:‘node_module/@babel/........'
transpileDependencies: ['node_modules/webpack-dev-server/client''element-ui','@babel','babel-polyfill',]
chainWebpack: config => {
config.module.rule('vant')
.test(/\.js$/)
.include
.add(resolve('src'))
.add(resolve('test'))
.add(resolve('static')) // 额外配置文件
.add(resolve('node_modules/webpack-dev-server/client'))
.add(resolve('node_modules'))
.end()
.use('babel')
.loader('babel-loader')
.options({
presets: [
['@babel/preset-env', {
modules: false
}]
]
});
}
}
babel.config.js文件
module.exports = {
presets: [
[
'@vue/app',
{
useBuiltIns: 'entry',
polyfills: [
'es6.promise',
'es6.symbol',
'babel-polyfill'
]
}
]
],
plugins:[
//自定义
]
}
.browserslistrc文件
> 1%
last 2 versions
not ie <= 11
index.html
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就这样吧