在使用现代浏览器时，我们通常能够使用最新的 JavaScript 特性，如 ES6 的 Promise。但是，如果你想要支持旧版本的浏览器，你就要使用 Babel 将 ES6 代码转换成另一个版本的 JavaScript，这个版本的 JavaScript 可以在旧版浏览器中运行。
但是，在使用 Babel 转换 ES6 代码时，可能会遇到一些问题。本文将重点解决如何修复 Babel 转换 ES6 中的 Promise 错误。
ES6 的 Promise 错误
Promise 是 ES6 中新引入的异步编程方法，用于简化异步代码的写法。但是，在某些情况下，Promise 可能会出现错误。
在 ES6 中，Promise 是全局对象，直接可用。但是，在使用 Babel 将 ES6 代码转换成 ES5 代码时，可能会出现 Promise 相关的错误。
例如：
Promise.all([
fetch('/api/data1.json'),
fetch('/api/data2.json'),
]).then( ([data1, data2])=> {
console.log(data1, data2);
}).catch( (err)=> {
console.error(err);
})在 Babel 转换后的代码中，会变成：
Promise.all([fetch('/api/data1.json'), fetch('/api/data2.json')]).then(function (data1, data2) {
console.log(data1, data2);
}).catch(function (err) {
console.error(err);
});在使用上述代码段时，如果出现 Promise 相关的错误，可以根据以下方法进行修复。
修复 Promise 错误
为了修复 Babel 转换 ES6 中的 Promise 错误，我们需要添加一个 Promise 的 polyfill。在 JavaScript 中，polyfill 是一种代码，用于在旧版本的 Web 浏览器中运行新编写的 JavaScript 代码。
以下是添加 Promise 的 polyfill 的方法：
- 安装
babel-polyfill
npm install babel-polyfill --save-dev
- 在代码的入口文件中引入 polyfill
将以下代码放在入口文件的顶部（通常是 index.js）：
import 'babel-polyfill';
已经安装 babel-polyfill 并成功引入后，你就可以放心地使用 Promise 了。
下面是一个改良过的示例代码：
-- -------------------- ---- -------
------ -----------------
----- -------- ------------ -
--- -
----- ------- ------ - ----- -------------
-------------------------
------------------------
---
------------------ -------
- ----- ------- -
---------------------
-
-
-------------在使用上述代码时，你不必再担心 Promise 相关的错误了。同时，你也不必担心你的代码不会运行在旧版本的浏览器中，因为 Babel 和 polyfill 在这里为你进行了处理。
结论
在本文中，我们讨论了在使用 Babel 转换 ES6 代码时，可能会出现 Promise 相关的错误。我们指出了如何使用 babel-polyfill 添加 Promise 的 polyfill。除此之外，我们还给出了示例代码，以便你更好地理解。
希望这篇文章能够帮助你修复 Babel 转换 ES6 中的 Promise 错误，让你能够专注于编写代码，而不必担心 JavaScript 的兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671e27fb2e7021665ef647ee