Vue项目兼容ie9+，浏览器空白报错

最新推荐文章于 2022-03-31 19:52:32 发布

阿Q道奇码

最新推荐文章于 2022-03-31 19:52:32 发布

阅读量742

点赞数 1

文章标签： es6 vue.js ie node.js

本文链接：https://blog.csdn.net/weixin_54893133/article/details/113248733

版权

文章目录

项目背景
基本配置
ie调试仍空白解决办法
其他兼容问题
简易服务器
总结

项目背景

项目采用vue全家桶和elementUI等插件技术，vue框架默认不支持ie8及以下，ie9+需要安装babel-polyfill插件，将项目中的es6语法转换为目标浏览器兼容的低版本语法。

注意：使用Webpack版本要高于2.6.1

基本配置

ie调试空白：babel-polyfill已配置，可跳过此节
axios对promise进行兼容，可以只用es6-promise
    先安装：
        npm install es6-promise --save-dev
    后配置main.js： 
        import promise from 'es6-promise'
        promise.polyfill() 
    跳至第3步

安装babel-polyfill插件。

npm install --save babel-polyfill
在main.js中的最前面引入babel-polyfill。

import 'babel-polyfill'
在index.html加入以下代码（非必须）。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
在config中的webpack.base.conf.js中，找到entry并修改编译配置。
```
entry:{
    app: ['babel-polyfill','./src/main.js']
}
```
配置package.json文件中browserslist