解决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 相关文章推荐
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
jQuery ajax cache缓存问题
Jul 01 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
Vue自定义指令介绍(2)
Dec 08 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
浅谈Vue 性能优化之深挖数组
Dec 11 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
Vue搭建后台系统需要注意的问题
Nov 08 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 Class SoapClient not found解决方法
2018/01/20 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
Bootstrap表单制作代码
2017/03/17 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
js的对象与函数详解
2019/01/21 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
Python的动态重新封装的教程
2015/04/11 Python
python 连接sqlite及简单操作
2017/06/30 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
PyQT实现多窗口切换
2018/04/20 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
python的中异常处理机制
2018/08/30 Python
python write无法写入文件的解决方法
2019/01/23 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
基于keras中的回调函数用法说明
2020/06/17 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
毕业生自我鉴定范文
2013/11/08 职场文书
交通事故私了协议书
2014/04/16 职场文书
供货协议书范本
2014/04/22 职场文书
2014离婚协议书范文
2014/09/10 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
义诊活动通知
2015/04/24 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript