记录Vue IE11下浏览器兼容问题

问题

IE11 浏览器打开 Vue Cli 3 开发的网站 app.js 或 chunk-vendors.**.js   报错

image.png

点击chunk-vendors.js后发现是vue-baidu-map组件报错,发现存在箭头函数,如下图:

image.png

解决方法

在vue.config.js增加如下配置即可:

module.exports = {
  transpileDependencies: ['vue-baidu-map']
}

同时所有浏览器都无法打开网页了,出现报错

Uncaught TypeError: import vue-baidu-map' 失败

在网上找的解决方案,还需要在 babel.config.js 配置 useBuiltIns

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry'
      }
    ]
  ]
}

注意事项

配置是双层嵌套 [[...]],否则会出现报错