ivew-admin 解决IE10+浏览器不兼容

iview-admin

版本： "2.0.0"

1. 在本地安装 babel-polyfill

yarn add babel-polyfill --save 

2.在main.js中

import '@babel/polyfill'

3.在本地新建babel.config.js文件，文件和vue.config.js同级目录,拷贝下面代码

module.exports = {
  presets: [
![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2019/3/26/169b98b2921c3e31~tplv-t2oaga2asx-image.image)
    ['@vue/app', {
      useBuiltIns: 'entry' // src全局es5编译
    }]
  ]
}

4.修改vue.config.js

 require('babel-polyfill')
  module.exports = {
    ...{ /* 一些别的配置 */ },
    
    // 关键配置：node_modules里面需要用babel-loader进行编译的包（node_modules的包如果没做 es6 => es5 转码则需要自己用babel-polyfill进行手动处理）
    // 如果IE下还跑不起来，控制台发现有其他es6语法的，尝试调试去找到底是哪个包
    transpileDependencies: [
     'iview',
    'axios',
    'tree-table-vue',
    'v-org-tree'
    ],
  }

重新运行 npm run dev 或者 npm run serve 即可

注意 有时候可能还会报语法错误，具体可以定位看下，会指明到具体的插件，这个时候需要在vue.config.js中transpileDependencies加入插件名，如上面的tree-table-vue和v-org-tree

感谢群友@冲鸭提供的解决方法，在此记录下，希望遇到的朋友们可以参考！