Promise未定义坑

最新推荐文章于 2023-10-10 20:09:28 发布
最新推荐文章于 2023-10-10 20:09:28 发布
阅读量8.4k 收藏 1
点赞数
文章标签： 前端 Promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HH921227/article/details/79989430
版权

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元/天 解锁文章
谛听
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE11浏览器报错 SCRIPT5009: "Promise"未定义
mangoyiy的博客
07-21 1万+
问题：Vue项目开发环境中在IE11正常运行，打包之后发布上线在IE11中报Promise 未定义 1.重要：确保webpack是2.6.1的版本，如果不是在package.json将webpack修改为”webpack”: “2.6.1” I had this issue even with adding babel-polyfill, because of a bug with w...
解决IE浏览器下报错: Promise未定义
weixin_34403976的博客
07-19 3751
解决IE浏览器下报错: Promise未定义 yarn add babel-polyfill 或者 npm install babel-polyfill --savel 在加载Promise之前或公共js中引入 import Promise from 'babel-polyfill'; // 解决promise 在ie中未定义的问题 if (!window.Promise) { window.P...
Error in mounted hook: "ReferenceError: “Promise”未定义"。谷歌不报错，IE浏览器报错
weixin_42371145的博客
04-21 2047
解决方法： 1.首先下载安装 babel-polyfill 依赖： npm install --save babel-polyfill 2.项目main.js 入口文件引入： import ‘babel-polyfill’ 错误分析：就是ie 内核的 报错，首先定位浏览器兼容问题，然后看报错：Error in created hook: “ReferenceError: “Promise”...
VUE项目在IE下报错“ReferenceError: Promise未定义”的解决办法
Calla_Lj的博客
11-25 6294
VUE项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义"”的解决办法 VUE项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义"”的解决办法 ...
Webpack高级学习：优化代码运行性能-Core-js
weixin_47295886的博客
03-27 1996
过去我们使用 babel 对 js 代码进行了兼容性处理，其中使用@babel/preset-env 智能预设来处理兼容性问题。它能将 ES6 的一些语法进行编译转换，比如箭头函数、点点点运算符等。但是如果是async 函数、promise 对象、数组的一些方法（includes）等，它没办法处理。所以此时我们 js 代码仍然存在兼容性问题，一旦遇到低版本浏览器会直接报错。所以我们想要将 js 兼容性问题彻底解决。做一个具有兼容性的语法使用promise重新打包观察打包后的文件。
解决路由懒加载报错 core-js/fn/promise in ./src/store/index.js
qq_63209510的博客
10-10 279
在使用 component: resolve => require(['@/components/Home'],resolve)会引起vscode自动添加import { resolve } from 'core-js/fn/promise'。. 把import { resolve } from 'core-js/fn/promise'给注释掉就好了，如图所示。
Promise 未定义 引用脚本
01-09
IE11也支持html2canvas该插件 Promise 未定义 引用该脚本即可
html2canvas在ie下报Promise未定义错误解决方案-附件资源
03-05
html2canvas在ie下报Promise未定义错误解决方案-附件资源
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
01-18
说明: 或许你并不没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已 解决办法: 步骤一: 安装 babel polyfill npm install –save babel-polyfill 如果你使用的是yarn安装的话: yarn ...
PromiseAPI.js
06-10
PromiseAPI.js API 传递参数
IE浏览器error：Promise未定义
1234Wu--Blog
05-12 968
原因：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”未定义
是我的温柔啊
07-27 1300
引入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
IE 不支持 Promise 解决办法 （或者 promise 未定义）的解决方法
qq_41862746的博客
01-05 1130
引入 https://cdn.polyfill.io/v2/polyfill.min.js 或 https://cdn.polyfill.io/v2/polyfill.min.js...
html2canvas.js 截图，在ie下报Promise未定义错误解决方案
陶博客
07-09 1854
在页面引入bluebird.js <script type="text/javascript" src="bluebird.js"></script> bluebird.js下载地址 链接: https://pan.baidu.com/s/1_gOu691ys9Af2hCDrIgjVQ 提取码: vbu8 ...
解决axios在ie浏览器下提示promise未定义的问题
kola的博客
05-10 7315
在做项目的时候发现在ie11上出现不兼容的问题，对于和后台交互这块页面都报错，f12开发者工具模式下提示Promise未定义。 为了解决这个问题，网上查了很多，经过多番尝试，发现了一个解决方法。 首先安装cnpm install -g es6-promise --save-dev 然后在main.js里面引入import promise from 'es6-promise';promise....
html2canvas在ie下报Promise未定义错误解决方案
chenrongchun89的博客
08-22 7387
项目制作过程中刚开始没有考虑ie有不兼容的情况，于是乎在ie测试html2canvas截图时报错了，Promise未定义，找了好多的解决方案，真的没几个人给出了答案，也不知道那些提问题的开发者最后是怎么解决的，于是我找到一篇让所有浏览器支持Promise的插件，强大的插件啊   使用异常简单： 只要在页面引入bluebird.js就可以了，不需要调方法！ 下面是下载地址 下载地址：htt...
vue-cli项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义”的解决办法
zhangkeke_的博客
09-29 1712
兼容IE是个坑，低版本IE很多都没法跑起来 问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义 解决办法： step1:安装最新的web-pack-server 命令行：npm install --save-dev webpack-server step2:安装Babel Polyfill  命令行：（1）npm in...
vue-cli项目布署问题解决：空白页、静态资源文件404错误、refrenceError:promise未定义（部分浏览器不支持ES6语法）
zhouzuoluo的博客
08-22 918
（前言：文章记录vue-cli项目打包使用IIS布署遇到的几个错误及解决方式） 首先简单理解webpack打包： 个人理解：项目开发中我们构建 "低耦合高内聚" 的组件/模块来代码重用、降低项目复杂性，提升开发效率。而webpack就是一个静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会通过递归地构建一个依赖关系图，进而将所有所有项目模块打包成一...
vue项目解决ie兼容问题
ministech的博客
08-13 384
原因是ie不支持es6语法，需要导入依赖包 1、npm install --save-dev babel-polyfill 2、在main.js中引入： import 'babel-polyfill'
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、付费专栏及课程。

余额充值