脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → VUE IE ReferenceError:Promise未定义

解决VUE 在IE下出现ReferenceError: Promise未定义的问题

 更新时间：2020年11月07日 09:54:39   作者：Calla_Lj  
这篇文章主要介绍了解决VUE 在IE下出现ReferenceError: Promise未定义的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

问题原因:

IE一些低版本的浏览器对于ES6语法不支持

Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱)

说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已

解决办法:

步骤一:

安装 babel polyfill

npm install --save babel-polyfill

如果你使用的是yarn安装的话:

yarn add babel-polyfill

备注: 使用yarn 安装的话不需要加–save 现在都会默认携带, 加上会不识别

步骤二: 配置build文件夹下webpack.base.conf.js文件,如下图

步骤三: 配置main.js文件

最后，重新运行项目就可以了

npm run dev // npm start或者yarn run dev都可以

这就是我自己遇到的问题，希望可以帮到大家~

补充知识：Nuxt.js 如何做SEO优化?

Nuxt.js 如何做SEO优化?

全局

在nuxt.config.js配置文件中,有个head属性可以设置全局的title,content和keywords等属性

 head: {
 title: pkg.name,
 meta: [
 { charset: 'utf-8' },
 { name: 'viewport', content: 'width=device-width, initial-scale=1' },
 { hid: 'description', name: 'description', content: pkg.description }
 ],
 link: [
 { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
 ]
 },

局部

设置某个单独页面的title和关键字等,首先要找到这个页面的JS代码有一个head()方法,同样可以进行一些类似的设置:

head(){
 return{
 title:'豆瓣电影',
 meta:[{
  'name':'keywords',
  'content': '电影、经典电影、热映、电视剧、美剧、影评、电影院、电影票、排行、推荐'
 }]
 }
}

以上这篇解决VUE 在IE下出现ReferenceError: Promise未定义的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • vue-electron中修改表格内容并修改样式

    vue-electron中修改表格内容并修改样式

    本文主要介绍了vue-electron中修改表格内容并修改样式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • Vue中错误图片的处理的实现代码

    Vue中错误图片的处理的实现代码

    这篇文章主要介绍了Vue中错误图片的处理的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 使用vue-router完成简单导航功能【推荐】

    使用vue-router完成简单导航功能【推荐】

    vue-router是Vue.js官方提供的一套专用的路由工具库。这篇文章主要介绍了使用vue-router完成简单导航功能,需要的朋友可以参考下
    2018-06-06
  • vue使用echarts实现地图的方法详解

    vue使用echarts实现地图的方法详解

    这篇文章主要为大家详细介绍了vue使用echarts实现地图的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-03-03
  • VUE零基础入门axios的使用

    VUE零基础入门axios的使用

    这篇文章主要介绍了axios在Vue项目中用来向后台发送请求（调接口API），获取响应信息的方法,axios 是一个轻量的 HTTP客户端，基于 XMLHttpRequest 服务来执行 HTTP 请求，需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • 详解从Vue-router到html5的pushState

    详解从Vue-router到html5的pushState

    这篇文章主要介绍了详解从Vue-router到html5的pushState，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • elementPlus组件之表格编辑并校验功能实现

    elementPlus组件之表格编辑并校验功能实现

    本文详细介绍了如何使用Element Plus组件实现表格的单条数据新增、编辑、删除操作,并对数据进行校验,代码简单易懂,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • vue实现的树形结构加多选框示例

    vue实现的树形结构加多选框示例

    这篇文章主要介绍了vue实现的树形结构加多选框,结合实例形式分析了在之前递归组件实现vue树形结构的基础之上再加上多选框功能相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • cesium开发之如何在vue项目中使用cesium,使用离线地图资源

    cesium开发之如何在vue项目中使用cesium,使用离线地图资源

    这篇文章主要介绍了cesium开发之如何在vue项目中使用cesium,使用离线地图资源问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • Vue3全局挂载使用Axios学习实战

    Vue3全局挂载使用Axios学习实战

    这篇文章主要为大家介绍了Vue3全局挂载使用Axios学习实战示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-06-06

最新评论