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

 更新时间:2017年07月16日 16:46:16   作者:搞点儿事情  
这篇文章主要给大家介绍了关于Vue 2.0在ie 11中打开项目页面空白问题的解决方法,文中详细分析出现该问题的原因,并给出了详细的解决方法,需要的朋友可以参考借鉴,下面跟着小编来一起学习学习吧。

前言

因为工作的需要,学习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'
}
}

总结

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

相关文章

  • 详解vue中属性执行顺序

    详解vue中属性执行顺序

    这篇文章主要介绍了vue中属性执行顺序,选项的执行顺序是 props -> data -> computed -> watch -> created -> mounted -> methods,具体详细内容本文给大家讲解的非常详细,需要的朋友可以参考下
    2023-09-09
  • Vue路由Hash模式分析

    Vue路由Hash模式分析

    Vue-router是Vue的核心组件,主要是作为Vue的路由管理器,Vue-router默认hash模式,本文讲给大家详细分析Vue路由Hash模式,文中有相关的代码示例供大家参考,感兴趣的同学可以借鉴一下
    2023-06-06
  • Vue.js axios响应拦截如何获取返回状态码

    Vue.js axios响应拦截如何获取返回状态码

    这篇文章主要介绍了Vue.js axios响应拦截如何获取返回状态码问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Vue中如何判断对象是否为空

    Vue中如何判断对象是否为空

    这篇文章主要介绍了Vue中如何判断对象是否为空,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue父列表数据获取子列表数据的实现步骤

    vue父列表数据获取子列表数据的实现步骤

    本文档将介绍如何通过点击父列表(表格)中的数据行来获取到子列表(表格)的数据,代码示例是基于Vue框架实现的一个组件,包含了父列表和子列表,通过点击父列表的数据行来动态获取子列表的数据,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • Vue element-ui中表格过长内容隐藏显示的实现方式

    Vue element-ui中表格过长内容隐藏显示的实现方式

    在Vue项目中,使用ElementUI渲染表格数据时,如果某一个列数值长度超过列宽,会默认换行,造成显示不友好,下面这篇文章主要给大家介绍了关于Vue element-ui中表格过长内容隐藏显示的实现方式,需要的朋友可以参考下
    2022-09-09
  • 使用vue-aplayer插件时出现的问题的解决

    使用vue-aplayer插件时出现的问题的解决

    这篇文章主要介绍了使用vue-aplayer插件时出现的问题的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vuex中的Mutations的具体使用方法

    Vuex中的Mutations的具体使用方法

    这篇文章主要介绍了Vuex中的Mutations的具体使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • 使用vue实现滑动滚动条来加载数据

    使用vue实现滑动滚动条来加载数据

    在vuejs中,我们经常使用axios来请求数据,但是有时候,我们请求的数据量很大,那么我们如何实现滑动滚动条来加载数据呢,接下来小编就给大家介绍一下在vuejs中如何实现滑动滚动条来动态加载数据,需要的朋友可以参考下
    2023-10-10
  • 在组件中修改vuex中state的具体实现方法

    在组件中修改vuex中state的具体实现方法

    在组件中修改 Vuex 中的 state,根据使用的 Vue 版本(Vue 2 或 Vue 3)不同,有不同的操作方式,但总体思路都是借助 Vuex 提供的 mutations 或 actions 来实现,以下分别介绍两种版本下的具体实现方法,需要的朋友可以参考下
    2025-02-02

最新评论