在前端开发中，我们经常会使用到 Babel 来转换新的 JavaScript 语法特性，以便在旧的浏览器中运行。但是在配置 Babel 的过程中，我们可能会遇到一些报错，其中一个常见的错误就是 "require('@babel/runtime-corejs2/helpers/slicedToArray')" 错误。
错误描述
当我们在使用 Babel 进行编译时，可能会出现以下报错信息：
------ ------ ---- ------ ----------------------------------------------
这个错误通常会在使用 @babel/plugin-transform-runtime 插件的时候出现，而且只会在使用 corejs@3 或更高版本时出现。
错误原因
这个错误的原因是因为 Babel 在编译代码时，需要引用 @babel/runtime-corejs2 模块中的一些辅助函数。而这些辅助函数是在运行时才会被注入到代码中的，因此在编译时是找不到这些函数的。
解决方法
要解决这个错误，我们需要进行以下步骤：
1. 安装 @babel/runtime-corejs2
首先，我们需要安装 @babel/runtime-corejs2 模块，这个模块包含了 Babel 编译时需要的所有辅助函数。可以使用以下命令进行安装：
--- ------- ---------- ----------------------
2. 配置 @babel/plugin-transform-runtime 插件
接下来，我们需要在 Babel 的配置文件中配置 @babel/plugin-transform-runtime 插件，以便在编译时能够正确地引用 @babel/runtime-corejs2 中的辅助函数。可以使用以下配置：
-
---------- -
----------------------------------- -
--------- -
--
-
-其中，corejs 配置项表示使用的 corejs 版本号，需要和安装的 @babel/runtime-corejs2 版本号相对应。
3. 修改代码中的引用
最后，我们需要修改代码中对辅助函数的引用方式。通常情况下，我们会使用以下语句来引用辅助函数：
------ - ------------- - ---- ---------------------------------
但是由于我们已经配置了 @babel/plugin-transform-runtime 插件，因此在编译时会自动将这个引用转换成以下语句：
--- -------- - ------------------------------------------ --- ------------- - -----------------------
因此，我们只需要将代码中的引用修改成这种方式即可。
示例代码
下面是一个示例代码，展示了如何在 Babel 中使用 @babel/plugin-transform-runtime 插件，以及如何修改代码中的引用：
-- ----
--- ------- ---------- ----------------------
-- -- -------- --
-
---------- -
----------------------------------- -
--------- -
--
-
-
-- --------
--- -------- - ------------------------------------------
--- ------------- - -----------------------
--- --- - --- -- ---
--- -------------- - ------------------ ---
- - ------------------
- - ------------------
--------------- -- -
--------------- -- -总结
通过以上步骤，我们可以成功解决 "require('@babel/runtime-corejs2/helpers/slicedToArray')" 错误。在使用 Babel 进行编译时，我们需要注意配置 @babel/plugin-transform-runtime 插件，并修改代码中的引用方式，以便能够正确地引用 @babel/runtime-corejs2 中的辅助函数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660b9f2ed10417a222bc7c99