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

最新推荐文章于 2023-06-07 11:51:49 发布

qq_39704803

最新推荐文章于 2023-06-07 11:51:49 发布

阅读量386

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_39704803/article/details/118158190

版权

45 篇文章 0 订阅

订阅专栏

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 js-base64@2.6.2 --save

关注