npm方式

  1. npm install babel-polyfill -D
  2. 在代码入口文件顶端加入
    import "babel-polyfill"

     

  3.  打开webpack配置文件,找到entry字段,修改它:

    entry:['babel-polyfill','./main.js']//假设这里的main.js是代码入口主文件
  4. 最重要的一步,添加rules规则(网上很多方法没写到这步)

        这里要配合babel-loader使用,如果没有,请npm install babel-loader -D

       添加规则如下:

module: {
  rules: [
      ...
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      }
      ...
 ]
}

5.重新运行 npm run dev   IE就可以正常运行了

或许会有部分错误,那是因为可能某个字段或者方法写法有问题,或者不能设置为null等等,这些都再需要特定解决下,但是以上方式,能够解决90%的IE兼容问题(只支持IE8以上,不包括IE8),最终目的只是将ES6转成ES5

常见问题(完成以上解决方式,还是会有部分报错,也可以参考下面):

  1. IE11不识别 data(){}定义的方法(好多都是zhe'zhon)
    data(){
            return {}
        }

    修改为:

    data: function () {
            return {}
        }

     

  2. IE10不识别let标识符   
  3. Vue不支持IE8, 因为Vue使用了IE8无法模拟的ECMAScript 5 特性, 但它支持所有兼容ECMAScript 5 的浏览器
  4. IE8不识别 vue.js 中的: var extendsFrom = child.extends; // 报错缺少标识符
  5. xp系统最高只支持IE8
Logo

前往低代码交流专区

更多推荐