Promise未定义坑

最新推荐文章于 2022-01-13 10:27:41 发布
最新推荐文章于 2022-01-13 10:27:41 发布
阅读量8.4k 收藏 1
点赞数
文章标签： 前端 Promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hh921227/article/details/79989430
版权
在使用webpack + babel-loader + transform-runtime的项目中，尽管预期可以在不支持Promise的浏览器中运行，但在某些低版本系统中仍遇到Promise未定义的问题。经过分析，确认transform-runtime生效，但可能是webpack异步加载模块时生成的Promise代码超出babel控制范围。解决方案包括全局引入polyfill以解决Promise未定义的问题，对于低版本IE推荐使用babel-polyfill，而对于原生支持较好的浏览器如Chrome，使用babel-runtime即可。
摘要由CSDN通过智能技术生成

Promise未定义坑


  • 问题描述

webpack + babel-loader + transform - runtime正常来讲是可以实现没有原生支持Promise的浏览器下正常运行，但是在低版本系统中还是出现Promise未定义的错误。

  • 分析
    1. 确认transform-runtime是否生效

在编译生成的js代码中查看到var Promise = win.Promise || __webpack_require__(41);说明Promise是被替换调了，说明有代码超出了babel调控制范围。
2. 问题思考
可能出问题调就是node_modules第三方依赖模块或者webpack打包生成的代码可能出问题。node_modules第三方依赖模块，可能npm包中在webpack配置中不需要babel的编译，而这些包可能需要原生的Promise支持。这种情况需要排查，进过排查没有因为npm包引起。现在只可能是webpack本身产生的代码 引起的。其中webpack官网上有描述：
当webpack使用异步加载模块时ÿ

最低0.47元/天 解锁文章
谛听
关注
一节课彻底弄懂promise、async、await
weixin_42140041的博客
11-18 263
刚接触js的时候，对于es6的promise、async、await简直怕的要死，甚至有段时间非常害怕promise这个词，随着后面慢慢的接触，觉得这个东西并非那么难理解，主要还是需要弄懂js的一些基础知识。那么接下来，跟上我的思路，一起彻底弄懂promise、async、await。 关于这个系列一共三个比较重要的知识点： 1、关于什么同步、异步，其中涉及了一些堆栈和消息队列、事件轮询的知识； 2、关于异步编程的几个解决方案，主要是回调函数和promise； 3、关于异步编程的终极解决方案Genera
使用esri-loader的坑
D_bel的博客
08-31 6059
问题描述： 在vue框架的项目中加载地图，esri官方提供的esri-loader，下载命令：npm install --save esri-loader，使用esri-loader在chrome浏览器下的确可以正常加载地图，但是我在ie11下却会报“Promise”未定义的错误（前提我的项目已经通过babel将es6的代码编译成es5了依然报错）。 下图1,2是在ie下调试打断点找到的错误，...
Promise相关
初漾的博客
05-13 114
参考：http://www.jianshu.com/p/fe5f173276bd 一、 Promise对象有三种状态，他们分别是： pending: 进行中，表示还没有得到结果resolved(Fulfilled): 已完成，表示得到了我们想要的结果，可以继续往下执行rejected: 已失败，也表示得到结果，但是由于结果并非我们所愿，因此拒绝执行 这三种状态不受外界影响，而且状态只
Promise 未定义 引用脚本
01-09
IE11也支持html2canvas该插件 Promise 未定义 引用该脚本即可
页面报错：promise 未定义
hu104160112的博客
12-27 1113
出现这种情况一般是 IE内核的浏览器不兼容解析es6语法 引入下面随便一个链接即可解决 <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script> <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script> ...
解决IE中promise未定义问题
热门推荐
qq_40292164的博客
10-10 1万+
原因是ie不支持es6语法，需要导入依赖包 1、npm install --save-dev babel-polyfill 2、在main.js中引入： import “babel-polyfill”
ReferenceError: “Promise”未定义
twx843571091的博客
07-06 1199
问题现象：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 493
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...
回调地狱解决方案之Promise
程序员成长指北
07-29 1001
Node.js异步控制之Promise 为什么出现Promise 在javascript开发过程中，代码是单线程执行的，同步操作，彼此之间不会等待，这可以说是它的优势，但是也有它的弊端，如一些网络操作，浏览器事件，文件等操作等，都必须异步执行，针对这些情况，起初的操作都是使用回调函数实现。 实现方式如下（虚拟代码）： function One(callback) { if ...
JS刷题/前端面试时踩的坑/附前端面经
weixin_43200099的博客
08-15 574
JS的全局变量问题 在刷题的时候我们尽量用let const的语法，遇到新的变量时也千万别忘了加。 不然很可能定义成全局变量了，然后因为作用域的原因值就不对，特别是遇到什么递归啊回溯啊啥的… 数据、对象的一个遍历问题 关于for…in 、for…of const obj = { 'abc': ['kk', 'bb'], 'def': ['mm'], 'ghi': ['jj', 'kk'] } for (let i in obj) { console.log(i);//abc de
IE浏览器error：Promise未定义
1234Wu--Blog
05-12 993
原因：ie对es6的支持很糟.不认识Promise、箭头函数等等。。 解决方法： 安装babel-polyfill插件 yarn add babel-polyfill npm install --save babel-polyfill 引入： //在common.js(全局公共js)中引入即可 import "babel-polyfill" 如果不行，这些也装一下： babel-loader、babel-core、babel-preset-env 同时： var path = require('pat
IE浏览器下Promise未定义解决方法
lh18392021709的博客
05-11 2246
由于项目中引入了vue.js，使用谷歌浏览器打开没有问题，但是用 IE打开发现报如下错： [Vue warn]: Error in v-on handler: "ReferenceError: “Promise”未定义" 经验证，只需要在js文件中引入以下文件即可 <script src = "https://polyfill.io/v2/polyfill.min.js"></script> 或者 <script type="text/javascript" src ="
ie报错“Promise”未定义
是我的温柔啊
07-27 1318
引入js即可 <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.auto.min.js"></script> 如果不想引入外网地址js，也可以新建js文件粘贴下方代码即可 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof d
vue2.0 ie “Promise”未定义"
cccdf_jjj的博客
08-21 350
是因为ie不支持es6的写法，所以会报Promise未定义的错误 下面附上解决办法： 1、npm install webpack-dev-server --save-dev 2、npm install babel-polyfill --save 3、找到build文件夹下的webpack.base.conf.js文件在...
webpack打包vue项目ie浏览器下报promise 未定义
blueberry_liang的博客
05-14 3796
安装： npm install --save babel-polyfill 你需要在你的应用入口顶部通过 require 将 polyfill 引入进来，确保它在任何其他代码/依赖声明之前被调用 方式1： require(&quot;babel-polyfill&quot;); 方式2： 在main.js入口函数引入 import &quot;babel-polyfill&quot;; 方式3： 在 webpack...
Error in created hook: “ReferenceError: “Promise”未定义“
Front小思的博客
01-13 317
一开始使用的是VUE3、毕竟我还没有学VUE3，然后拿到项目就直接开干，干完了！！！那么问题来了，IE浏览器什么都没有！后来查了一下，原来VUE3直接放弃IE了，裂开！！！果断转为VUE2!搬完就蛋疼！又报这个错误！并且IE8以下的VUE2也不会出来页面！...
vue项目,ie11 浏览器报 Promise 未定义的错误
qq_45894929的博客
11-04 772
vue项目,ie11 浏览器报 Promise 未定义的错误 1.报错： {description: ““Promise”未定义”, message: ““Promise”未定义”, name: “ReferenceEr…”, number: -2146823279, stack: “ReferenceEr…”} 2.解决办法 npm install babel-polyfill --save 在main.ts中 import “babel-polyfill” 如果使用了vuex，则在vuex的
promise 未定义
最新发布
06-28
Promise 是 JavaScript 中一种处理异步操作的机制，它代表了一个未来某个时间点会完成的任务的结果。Promise 对象有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。当一个 Promise 链中的任务完成，无论是成功还是失败，它都会从 pending 转变为 fulfilled 或 rejected，并可以通过 `.then()` 和 `.catch()` 方法链式处理结果。 如果在代码中遇到 `Promise is undefined` 的错误，这通常意味着你在尝试使用 Promise 功能之前，可能没有正确地引入 Promise 对象。JavaScript 的 Promise API 在 ES6 中被引入，如果你使用的是较旧版本的浏览器或环境（比如 Node.js 的早期版本），可能需要使用 Babel 或 polyfill（如 `bluebird`、`es6-promise` 等库）来提供 Promise 的兼容性支持。 修复这个问题的方法是检查你的代码是否在使用 Promise 之前正确地引入了 Promise 或其 polyfill。例如，在浏览器环境中，你可能需要： ```javascript if (!window.Promise) { // 引入 es6-promise 或其他 polyfill require('es6-promise').polyfill(); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值