使用vue-cli3构建在IE浏览器下报错，项目打开空白页
image.png
一开始我是直接搜这个错误去解决，没有分析问题出在哪里
DOM7011: 此页上的代码禁用了反向和正向缓存搜到的解决方案是添加babel/polyfill插件
增加两步配置，记录下
1、 下载babel/polyfill插件
然后在main.js里面引入
import 'babel-polyfill'
在babel.config.js文件夹里修改
module.exports = {
presets: [
// '@vue/app' // 修改之前
['@vue/app', {
useBuiltIns: 'entry' // 修改之后
}]
]
}
2、在vue.config.js文件里面增加打包配置
module.exports = {
chainWebpack: config => {
// config.module.rules.delete('svg')
config.module.rule('iview') .test(/\.js$/) .use('babel').loader('babel-loader') .end() // 此处是添加内容重点
config.resolve.alias.set("@", resolve("src"))
}
}
只是做一个解决问题简单记录。
