问题背景
在前端开发中，我们经常会使用异步编程，其中 async/await 是比较常用且方便的一种方式。但是在使用 Babel 编译 async/await 的代码时，有时会出现 await 后面的 promise 返回的是 null 的问题。
问题原因
这个问题的原因是因为 Babel 编译 async/await 的代码时，会将 async/await 转换成 generator 函数和 Promise，而 Promise 的状态是异步的，所以在 await 后面的 Promise 还没有返回结果时，会返回一个 undefined，而不是我们期望的 Promise 对象。
问题解决方法
为了解决这个问题，我们需要使用一个叫做 regenerator-runtime 的库，它是由 Babel 团队开发的，用于解决 async/await 转换成 generator 函数时的问题。
我们可以通过以下步骤来解决这个问题：
- 安装 regenerator-runtime 库：
npm install --save regenerator-runtime
- 在代码中引入 regenerator-runtime 库：
import 'regenerator-runtime/runtime';
- 在 .babelrc 文件中添加 "regenerator": true：
-- -------------------- ---- ------- - ---------- - - -------------------- - -------------- -------- --------- - - - -- ---------- --- -------------- ---- -展开代码
示例代码
下面是一个示例代码，演示了如何使用 regenerator-runtime 库解决 await 后面的 Promise 返回 null 的问题。
-- -------------------- ---- ------- ------ ------------------------------ ----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ ----- - ----------------------- -- - ------------------ ---展开代码
总结
通过以上的解决方法，我们可以成功地解决 await 后面的 Promise 返回 null 的问题。在实际的开发中，我们需要注意这个问题，并及时采取相应的解决方法。同时，我们也需要深入学习 async/await 的使用方法，以便更好地应用到实际的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65bb3f27add4f0e0ff3eb24e
