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://user-gold-cdn.xitu.io/2019/3/26/169b98b2921c3e31?w=1310&h=647&f=png&s=69875)
    ['@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

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

转载于:https://juejin.im/post/5c99fba9e51d4539a21bf53b