IE兼容 - 缺少xxx的解决方案

ie下报错SCRIPT1003:缺少xxx的解决方案

• 原因：ie下不支持部分es6语法，如：

// 不支持
data() {
  return { 
  
  }
}
// 支持
data: function() {

}

• 解决方案：

  • 首先根据报错定位是引入了哪个组件导致的

  

  • 定位到组件后在 vue.config.js 中加入如下代码：如我的是因为使用了 vue-gn-components 组件导致

module.exports = {
  transpileDependencies: [
    'vue-gn-components'
  ]
}

 - 如果是自己写的代码导致的则需要手动修改代码为ie下支持的语法

• 为什么
  node_modules 里的依赖 babel-loader 默认是不会编译的,会导致es6语法在ie中的语法报错，使用 transpileDependencies 属性配置 node_modules 中指定哪些文件夹或文件需要编译.