Vue 2.0在IE11中打开项目页面空白的问题解决


Posted in Javascript onJuly 16, 2017

前言

因为工作的需要,学习Vue2.0也有一段时间,最近在用Vue2.0的官方脚手架工具构建的项目,chrome中跑一直没有问题,但ie11打开出现了bug:

问题

ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser;

原因

Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。

简单地说,polyfill即是在当前运行环境中用来复制(意指模拟性的复制,而不是拷贝)尚不存在的原生 api 的代码。

解决

安装babel-polyfill

步骤

npm安装

npm install --save-dev babel-polyfill

在入口文件倒入即可

import 'babel-polyfill'

如果也是用了官方脚手架vue-cli,还需要在webpack.config.js配置文件中做各修改,用

module.exports = {
 entry: {
 app: ["babel-polyfill", "./src/main.js"]
 }
};

替换

module.exports = {
 entry: {
 app: './src/main.js'
}
}

总结

好了,问题到这就解决了,以上就是这篇文章的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
WordPress JQuery处理沙发头像
Jun 22 Javascript
javascript 写类方式之四
Jul 05 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
Sep 22 Javascript
ie 7/8不支持trim的属性的解决方案
May 23 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
node.js express中app.param的用法详解
Jul 16 #Javascript
Node.js中流(stream)的使用方法示例
Jul 16 #Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 #Javascript
Vue Spa切换页面时更改标题的实例代码
Jul 15 #Javascript
Vue应用部署到服务器的正确方式
Jul 15 #Javascript
js+html5实现侧滑页面效果
Jul 15 #Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 #Javascript
You might like
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
vue v-model动态生成详解
2018/06/30 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
实例解析Python设计模式编程之桥接模式的运用
2016/03/02 Python
python中函数传参详解
2016/07/03 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
最新党员的自我评价分享
2013/11/04 职场文书
综合办公室个人的自我评价
2013/12/22 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
青岛导游词
2015/02/12 职场文书
试用期自我评价范文
2015/03/10 职场文书
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL