VUE项目在IE下报错“ReferenceError: Promise未定义”的解决办法

最新推荐文章于 2022-01-13 10:27:41 发布
原创 最新推荐文章于 2022-01-13 10:27:41 发布 · 6.4k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#VUE项目兼容IE #IE下报错“ReferenceError: Promise未定义”的解

本文详细介绍了在VUE项目中解决IE浏览器下“Promise未定义”错误的方法，包括安装babel-polyfill、配置webpack及main.js文件，确保项目在IE等低版本浏览器上的正常运行。

VUE项目在IE下报错“ReferenceError: Promise未定义”的解决办法

问题原因:

  1. IE一些低版本的浏览器对于ES6语法不支持
  2. 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都可以

以上是我自己遇到的问题,希望可以帮到大家~

Vue3 - 解决使用阿里云播放器 Aliplayer 报错 ReferenceError: Aliplayer is not defined，vue3项目引入阿里播放器aliplayer页面解决报错
🏆 前端领域优质创作者
07-05 2714
vue，vue3，nuxt3，阿里云，播放器，视频播放器，aliplayer，插件，sdk，需要刷新一下才能正常使用播放器，跳转页面报Aliplayerisnotdefined错误，需要刷新一下页面才可以正常播放，ReferenceError:AliplayerisnotdefinedatVueComponent.mounted，显示无法newAliplayer({}，VUE中,阿里云播放器报错:Aliplayerisnotdefined，详细解决方法，加了也不行，明明引入了还是报
vue3 - 报错Uncaught ReferenceError: ElementPlus is not defined（vue3报错ElementPlus is not defined，详细解决方案
高级前端工程师
03-06 4288
vue3，element-Plus，typescript，引入组件后报错ElementPlus is not defined，但组件能正常显示就是报错，如何解决vue3+element-plus报错Uncaught ReferenceError: ElementPlus is not defined，解决vue3+ts报错，如何解决在vue3网页中出现报错，详细解决教程，强力解决，Vue3项目引用element-plus（2.3.14）报错 "ElementPlus is not defined"。
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
01-18
问题原因: IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱) 说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 解决办法: 步骤一: 安装 babel polyfill npm install –save babel-polyfill 如果你使用的是yarn安装的话: yarn add babel-polyfill 备注: 使用yarn 安装的话不需要加–save 现在都会默认携带, 加上会不识别 步骤二: 配置build文件夹下webpack.base
vue ie promise未定义
huyihan_的博客
04-01 769
1.npm install --save babel-polyfill npm install --save es6-promise 2.build/webpack.base.conf.js 3 main.js
Vue项目在部分浏览器中Promise”未定义
qq_24347541的博客
07-25 6180
在360急速浏览器中打开已经部署好的vue项目时报错了，页面白色无任何显示。 解决办法： npm install es6-promise --save-dev main.js文件引用后重新打包 import promise from 'es6-promise' promise.polyfill(); ...
Error in created hook: “ReferenceError: “Promise”未定义“
Front小思的博客
01-13 473
一开始使用的是VUE3、毕竟我还没有学VUE3，然后拿到项目就直接开干，干完了！！！那么问题来了，IE浏览器什么都没有！后来查了一下，原来VUE3直接放弃IE了，裂开！！！果断转为VUE2!搬完就蛋疼！又报这个错误！并且IE8以下的VUE2也不会出来页面！...
vue2.0 ie “Promise”未定义"
cccdf_jjj的博客
08-21 454
是因为ie不支持es6的写法，所以会报Promise未定义的错误 下面附上解决办法： 1、npm install webpack-dev-server --save-dev 2、npm install babel-polyfill --save 3、找到build文件夹下的webpack.base.conf.js文件在...
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
前端报错 ReferenceError: data is not defined
最新发布
05-16
当控制台抛出 `ReferenceError: data is not defined` 错误时，通常表示脚本尝试访问未定义的变量 `data`。这种错误可能由多种情况引起，以下是常见的几种可能性及其解决办法： #### 1. **变量声明缺失** 如果代码...
VUE项目在IE下报错“ ReferenceError: Promise未定义 ”的解决办法
ljw_jiawei的博客
07-02 1162
解决办法一 : 步骤一: 安装 babel polyfill npm install --save babel-polyfill 步骤二: 配置build文件夹下webpack.base.conf.js文件,如下图 步骤三: 配置main.js文件 最后,重新运行项目和打包就可以了 解决方法二: ...
Promise 未定义 引用脚本
01-09
IE11也支持html2canvas该插件 Promise 未定义 引用该脚本即可
vue项目在IE下报错“ReferenceError: Promise未定义”的解决办法
weixin_43422861的博客
12-08 1027
问题原因: 1.IE一些低版本的浏览器对于ES6语法不支持 2.Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱) 说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 解决办法: 1.安装最新的web-pack-server 命令行： npm install --save-dev webpack-server 2...
ReferenceError: “Promise”未定义
twx843571091的博客
07-06 1269
问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义 解决办法： 1、 安装Babel Polyfill npm install --save babel-polyfill 2、 在webpack.base.conf.js这个文件加入代码 require("babel-polyfill") 3...
vue在ie中 运行包后无法运行 请求 报错误 ReferenceError: “Promise”未定义
yan_gogo的博客
05-29 548
1，:安装最新的web-pack-server 命令行：npm install --save-dev webpack-server 2，：安装Babel Polyfill 命令行：（1）npm install --save babel-polyfill （2）在webpack.base.conf.js这个文件加入代码 re...
Error in mounted hook: "ReferenceError: “Promise”未定义"。谷歌不报错，IE浏览器报错
weixin_42371145的博客
04-21 2193
解决方法： 1.首先下载安装 babel-polyfill 依赖： npm install --save babel-polyfill 2.项目main.js 入口文件引入： import ‘babel-polyfill’ 错误分析：就是ie 内核的 报错，首先定位浏览器兼容问题，然后看报错：Error in created hook: “ReferenceError: “Promise”...
vue在ie下报错Promise未定义
weixin_33826609的博客
07-02 198
2019独角兽企业重金招聘Python工程师标准>>> ...
vue项目在IE浏览器下报错“ReferenceError: Promise未定义”
xuan的博客
03-10 1377
一、原因 IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题 说明: 或许你并没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 二、解决 1、下载 babel-polyfill npm install --save babel-polyfill 2、添加代码到webpack.b...
解决IE中promise未定义问题
热门推荐
qq_40292164的博客
10-10 1万+
原因是ie不支持es6语法，需要导入依赖包 1、npm install --save-dev babel-polyfill 2、在main.js中引入： import “babel-polyfill”
Vue项目 IE11下Promise 未定义的错误
zz_chst的博客
04-02 782
报错： {description:"“Promise”未定义",message:"“Promise”未定义",name:"ReferenceEr...",number:-2146823279,stack:"ReferenceEr..."} 解决办法 1.　npm install babel-polyfill --save 2. 　在main.ts中import "...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值