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 相关文章推荐
ppk谈JavaScript style属性
Oct 10 Javascript
Prototype Template对象 学习
Jul 19 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
js中不同的height, top的区别对比
Sep 24 Javascript
AngularJS动态生成div的ID源码解析
Aug 29 Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 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
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
apache配置虚拟主机的方法详解
2013/06/17 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
JS实现放大镜效果
2020/09/21 Javascript
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
python简单商城购物车实例代码
2018/03/15 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
CSS3实现多背景展示效果通过CSS3定位多张背景
2014/08/10 HTML / CSS
阿根廷首家户外用品制造商和经销商:Montagne
2018/02/12 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
超市实习总结自我鉴定
2013/09/19 职场文书
新学期开学寄语
2014/01/18 职场文书
考试没考好检讨书
2014/01/31 职场文书
公务员综合考察材料
2014/02/01 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android