解决elementUI在ie中报错的方法

使用elementUI开发项目时，在ie中，如果遇到“script1002: 语法错误”这个错误，而且已经使用了poly-fill和es6-promise都不行的话，不妨再加一个方法：

如下图，在webpack.base.conf.js中，修改成下面那样

然后记得重新npm run dev！！！

---

分割线——更新

1、今天看了下，暂时发现使用webpack-dev-server的3.8.0版本是可以进行dev模式下的ie开发的。

2、除此之外，还要自己全局引入babel-polyfill，这里我就使用了网上的cdn的网址了。

<script src="https://cdn.bootcss.com/babel-polyfill/7.6.0/polyfill.js"></script>

3、还有一点，很重要，如果使用了babel7的同学，那就是注定要在ie那里踩坑了。

使用了babel7的话，先cnpm（npm） i  @vue/babel-preset-app -D-S

这个包集成了preset-env，babel-runtime等，甚至可以把async，await转码呢~转为ie专属

（网址：https://www.npmjs.com/package/@vue/babel-preset-app）

我是把.babelrc这个文件的文件名改成了babel.config.js这个名字，然后babel.config.js内容如下：

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        modules: false,
        targets: {
          ie: 11
        }
      }
    ]
  ]
};

我们公司只需要兼容到ie11即可，所以target里我填写了ie11。

 

然后基本上是可以在ie11中打开了！！不过记住，ie11在传中文参数到后台时（特别是get），要先用encodeURI把中文转码，不然ie11会把中文弄成乱码的！！！