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 相关文章推荐
Google的跟踪代码 动态加载js代码方法应用
Nov 12 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
Vue+Element使用富文本编辑器的示例代码
Aug 14 Javascript
Node层模拟实现multipart表单的文件上传示例
Jan 02 Javascript
关于TypeScript模块导入的那些事
Jun 12 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 Javascript
三种方式清除vue路由跳转router-link的历史记录
Apr 10 Vue.js
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
?繁体转换的class
2006/10/09 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
php实现复制移动文件的方法
2015/07/29 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
php支付宝APP支付功能
2020/07/29 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
javascript日期计算实例分析
2015/06/29 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
分享15个最受欢迎的Python开源框架
2014/07/13 Python
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python合并字符串的3种方法
2015/05/21 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
python入门之井字棋小游戏
2020/03/05 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
一文带你了解Python 四种常见基础爬虫方法介绍
2020/12/04 Python
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
毕业生自荐书
2013/12/18 职场文书
打架检讨书100字
2014/01/08 职场文书
实习评语大全
2014/04/26 职场文书
森林病虫害防治方案
2014/06/02 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS
Python中的程序流程控制语句
2022/02/24 Python