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


Posted in Javascript onNovember 07, 2020

问题原因:

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文件,如下图

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

步骤三: 配置main.js文件

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

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

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未定义的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
arguments对象
Nov 20 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
Javascript实现秒表倒计时功能
Nov 17 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
vue项目引入ts步骤(小结)
Oct 31 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
Vue实现浏览器打印功能的代码
Apr 17 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 #Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 #Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 #Javascript
详解datagrid使用方法(重要)
Nov 06 #Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 #Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
Nov 06 #Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 #Javascript
You might like
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
javascript 关于# 和 void的区别分析
2009/10/26 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
采用call方式实现js继承
2014/05/20 Javascript
AngularJS实现表单手动验证和表单自动验证
2015/12/09 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
Anaconda入门使用总结
2018/04/05 Python
python实现梯度下降算法
2020/03/24 Python
Python3利用print输出带颜色的彩色字体示例代码
2019/04/08 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
python 利用Pyinstaller打包Web项目
2020/10/23 Python
python UDF 实现对csv批量md5加密操作
2021/01/01 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
药剂专业自荐信范文
2014/04/16 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
web前端之css水平居中代码解析
2021/05/20 HTML / CSS