vue项目中遇到的一些IE11兼容性问题

IE微软都已放弃了,但客户要求兼容,没办法,做吧。

1.安装babel-polyfill和es6-promise

.babel-polyfill(模拟ES2015以上的环境,主要用于对ES6新语法不支持的浏览器;)

.es6-promise(若在项目中使用了ES6 promise对象,在360兼容模式、IE内核中不支持)

cnpm i babel-polyfill -S  //npm有时会安装不成功
cnpm i es6-promise -S

2.配置babel-polyfill和es6-promise

1)在main.js最上面引入以上代码

import 'es6-promise/auto';
import 'babel-polyfill';

2)在webpack.base.conf.js加入或替换代码 ,用了1),在webpack.base.conf.js不需要加入此代码都可以。

configureWebpack: {
         entry: ["babel-polyfill", "./src/main.js"]
}

2.处理vue-chart的IE兼容问题

.package.json中添加 ,

"resize-detector": "^0.3.0",

.在vue.config.js中添加

module.exports = {
     transpileDependencies: [
        'vue-echarts',
        'resize-detector'
    ],
}

重新安装依赖并重启

cnpm i
npm run dev

3.处理js-base64的IE兼容问题
卸载,安装低版本(主要是版本问题,我这里就指定2.6.2版本,高或低都不行)

npm uninstall js-base64

npm install [email protected] --save

猜你喜欢

转载自blog.csdn.net/qq_39704803/article/details/118158190