在前端开发中，我们经常会使用 Babel 来编译 JavaScript 代码，以兼容不同版本的浏览器。但在使用 Babel 编译时，有时会出现 “Error: Cannot find module '@babel/runtime/helpers/…” 的错误，这个错误会导致编译失败，影响项目的正常运行。本文将介绍如何解决这个问题。
问题描述
当我们使用 Babel 编译 JavaScript 代码时，有时会出现以下错误：
------ ------ ---- ------ --------------------------
这个错误的原因是在编译过程中，Babel 会使用一些辅助函数（helpers），这些函数会从 @babel/runtime/helpers 中引入。但有时我们会发现，在编译过程中，Babel 找不到这些辅助函数，从而导致编译失败。
解决方法
解决这个问题的方法比较简单，只需要安装 @babel/runtime 模块即可。@babel/runtime 模块中包含了所有的辅助函数，Babel 在编译时会从这个模块中引入辅助函数，从而避免出现找不到模块的错误。
安装 @babel/runtime 模块
我们可以使用 npm 命令来安装 @babel/runtime 模块：
--- ------- ------ --------------
安装完成后，我们可以在项目的 node_modules 目录下找到 @babel/runtime 模块。
修改 Babel 配置文件
安装完 @babel/runtime 模块后，我们需要修改 Babel 的配置文件，将 @babel/runtime 模块添加到 plugins 中。例如，我们可以在 .babelrc 文件中添加以下配置：
-
---------- -
----------------------------------- -
--------- -
--
-
-这个配置中，我们使用了 @babel/plugin-transform-runtime 插件，并且指定了 corejs 的版本为 3。
重新编译代码
完成上述步骤后，我们需要重新编译 JavaScript 代码。在重新编译时，Babel 将会从 @babel/runtime 模块中引入辅助函数，从而避免出现找不到模块的错误。
示例代码
下面是一个示例代码，演示了如何使用 Babel 编译 JavaScript 代码并解决 “Error: Cannot find module '@babel/runtime/helpers/…” 问题。
安装 Babel 和 @babel/runtime
我们首先需要安装 Babel 和 @babel/runtime 模块：
--- ------- ---------- ----------- ---------- ----------------- ------------------------------- --------------
创建 JavaScript 代码
我们创建一个 index.js 文件，包含以下代码：
----- --- - -- -- - ------------------- --------- -- ------
创建 .babelrc 配置文件
我们在项目根目录下创建一个 .babelrc 文件，包含以下配置：
-
---------- -
--------------------- -
-------------- --------
--------- -
--
--
---------- -
----------------------------------- -
--------- -
--
-
-在这个配置中，我们使用了 @babel/preset-env 和 @babel/plugin-transform-runtime 插件，并且指定了 corejs 的版本为 3。
编译 JavaScript 代码
我们使用以下命令来编译 JavaScript 代码：
------------------------- -------- -- -------------
运行代码
我们使用以下命令来运行编译后的 JavaScript 代码：
---- -------------
如果一切正常，我们将会看到控制台输出 “Hello, world!”。
结论
在使用 Babel 编译 JavaScript 代码时，有时会出现 “Error: Cannot find module '@babel/runtime/helpers/…” 的错误。解决这个问题的方法比较简单，只需要安装 @babel/runtime 模块，并将其添加到 Babel 配置文件中即可。本文提供了详细的步骤和示例代码，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672846242e7021665e1faa7c