使用vue-cli3構(gòu)建在IE瀏覽器下報(bào)錯(cuò)，項(xiàng)目打開(kāi)空白頁(yè)
image.png
一開(kāi)始我是直接搜這個(gè)錯(cuò)誤去解決，沒(méi)有分析問(wèn)題出在哪里
DOM7011: 此頁(yè)上的代碼禁用了反向和正向緩存搜到的解決方案是添加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() // 此處是添加內(nèi)容重點(diǎn)
config.resolve.alias.set("@", resolve("src"))
}
}
只是做一個(gè)解決問(wèn)題簡(jiǎn)單記錄。
