VUE 在IE浏览器中出现ReferenceError: Promise未定义怎么解决

发布时间:2020-11-07 15:55:16 作者:Leah
来源:亿速云 阅读:1065

今天就跟大家聊聊有关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文件,如下图

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未定义怎么解决有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

推荐阅读:
  1. Java-Vue插件之Axios
  2. 使用vue怎么实现一个转盘抽奖功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue ie浏览器 mi

上一篇:备份MySQL数据库时需要注意哪些事项

下一篇:分享几个JavaScript的技巧

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》