Vue项目兼容IE

1.ie11下控制台报错---对象不支持findindex、includes方法
安装babel-polyfill ---- npm install babel-polyfill
在main.ts下引入即可（最好在顶部引入，让依赖第一时间加载）

2.ie10下控制台提示语法错误
应该是我们有文件没有被编译成es5
点击控制台提示的代码行数 ----- 确定是那个依赖------在node_modules下找是否确实有该依赖
确认有之后 我们配置这个文件单独编译
asn1-----为未编译的文件

vue.config.js:
const moduleConfig = {
  chainWebpack: config => {
    const svgRule = config.module.rule('svg');
    svgRule.uses.clear();
    svgRule.use('vue-svg-loader').loader('vue-svg-loader').end();
    config.module.rule('compile')
      .test(/.js$/)
      .include
        .add(path.resolve('node_modules/asn1'))
        .add(path.resolve('node_modules/asn1.js'))
        .end()
      .use('babel')
      .loader('babel-loader')
  }
}

参考：https://github.com/Yatoo2018/webpack-chain/tree/zh-cmn-Hans / https://cli.vuejs.org/zh/guide/webpack.html#%E7%AE%80%E5%8D%95%E7%9A%84%E9%85%8D%E7%BD%AE%E6%96%B9%E5%BC%8F / https://blog.csdn.net/qq_43227958/article/details/102958621
重启项目即可

3.videojs兼容ie低版本
https://videojs.com/getting-started/

image.png image.png

所以我们下载6.13.0版本 同时引入videojs文件以及兼容低版本的js文件

image.png

这样我们在用ie9运行 控制台就不报错了