兼容IE11的相关问题,IE打开空白

项目在IE浏览器下,直接就空白页了。

兼容IE11的相关问题,IE打开空白_第1张图片

解决方法,网上找的。

安装babel-polyfill : npm install babel-polyfill --save

不建议使用 :npm install babel-polyfill --save-dev具体去看 dependencise和devdependencies的区别

在main.js里面引入,记得放在最上面我这里由于用到了es6的东西,需要转码,所以使用了 es6-promise
小伙伴需要可自行引入。

兼容IE11的相关问题,IE打开空白_第2张图片

import 'babel-polyfill';
import promise from 'es6-promise';
promise.polyfill();

在build文件下,照这样修改

兼容IE11的相关问题,IE打开空白_第3张图片

兼容IE11的相关问题,IE打开空白_第4张图片

在index.html添加下面三句话

兼容IE11的相关问题,IE打开空白_第5张图片

重新运行依然空白的话,在build文件夹里面的webpack.base.conf.js里面,相应位置添加一下代码。

这里是将ES6转为ES5的。我这边转了一下element

兼容IE11的相关问题,IE打开空白_第6张图片

重新运行还是不行,
又添加了下面两行代码,就可以了,最后尝试发现是vue-wxlogin需要转ES5才可以,可以留意一下是否是插件的问题,如果需要转可以加在下面。

兼容IE11的相关问题,IE打开空白_第7张图片

在运行就IE浏览器就可以打开了。

打包之后,在本地打开静态网页,IE是不能请求数据的,需要部署到线上才可以。

你可能感兴趣的:(兼容IE11的相关问题,IE打开空白)