在前端开发中，我们经常会用到 Babel 来将 ES6+ 的代码转换成 ES5 的代码，以兼容旧版浏览器。然而，在使用 Babel 编译时，我们有时会遇到 Promise 未定义的错误，这是因为 Babel 默认情况下不会转换 Promise，导致在旧版浏览器中无法使用 Promise。
本文将介绍解决这个问题的方法，以及如何在 Babel 中使用 Promise。
解决方法
解决 Promise 未定义错误的方法很简单，只需在代码中引入 Promise 的 polyfill 即可。polyfill 是一个 JavaScript 模块，它可以在不支持某些新特性的浏览器中提供这些新特性的实现。
我们可以使用 babel-polyfill 来引入 Promise 的 polyfill。babel-polyfill 包含了一个完整的 ES6+ 环境，包括 Promise、Map、Set 等。
首先，安装 babel-polyfill：
npm install --save babel-polyfill
然后，在你的代码中引入 babel-polyfill：
import 'babel-polyfill';
这样，当 Babel 编译你的代码时，就会自动将 Promise 转换成 ES5 代码，从而避免 Promise 未定义的错误。
使用 Promise
在引入了 babel-polyfill 后，我们就可以在代码中使用 Promise 了。下面是一个使用 Promise 的示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
-
----------------------- -- -
--------------------
---上面的代码使用了 Promise 来实现异步操作。asyncFunc 函数返回一个 Promise 对象，当异步操作完成后，调用 resolve 函数来返回结果。
在调用 asyncFunc 函数后，我们使用 then 方法来处理异步操作的结果。then 方法接受一个回调函数，当异步操作完成后，会调用这个回调函数，并将结果作为参数传递给它。
总结
在使用 Babel 编译时遇到 Promise 未定义错误时，我们可以通过引入 babel-polyfill 来解决这个问题。babel-polyfill 包含了一个完整的 ES6+ 环境，包括 Promise、Map、Set 等。在引入了 babel-polyfill 后，我们就可以在代码中使用 Promise 了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e11ace1886fbafa4e263ff