在前端开发中，Node.js 是必不可少的工具之一。它允许开发者使用 JavaScript 编写服务端的应用程序，从而实现完整的网络应用。在 Node.js 中，我们使用 CommonJS 模块系统来管理 JavaScript 模块。然而，随着 ECMAScript 这门语言的更新，我们逐渐发现许多优秀的特性都被加入了该语言中。
其中一个非常重要的特性就是 import / export，该特性可以让开发者在前端和后端代码中使用同样的语法。然而，在 Node.js 中使用 import 导入模块，我们会发现会出现一些错误。
这篇文章将讲解如何解决在 Node.js 中使用 import 导入模块的错误。
问题描述
首先，让我们看一下在 Node.js 中使用 import 导入模块所遇到的问题。
假设我们需要导入一个名为 example.js 的模块，在我们的项目文件夹下，该模块的路径为 ./example.js。我们的导入代码应该是这样的：
------ ------- ---- ---------------
然而，在运行该代码后，我们会看到以下错误信息：
------------ ---------- ----------
这个错误的原因是 Node.js 默认不支持使用 import 导入模块的语法。
解决方法
为了解决这个问题，我们需要使用一个 npm 包，将 ECMAScript 2021 中的 import / export 特性转换为 CommonJS 模块系统的 require / module.exports 语法。这个包就是 @babel/plugin-transform-modules-commonjs。
安装 Babel
在使用该插件之前，我们需要先安装 Babel。Babel 是一个 JavaScript 编译工具，它可以将新版本的 JavaScript 语法转换为旧版的语法，以使其在较旧的环境中运行。它提供了一个非常方便的方式来使用 ECMAScript 2015+ 的语言特性，同时不会丧失对旧版浏览器和环境的兼容性。
我们需要在项目中安装 @babel/core 和 @babel/cli。可以使用 npm 来进行安装：
--- ------- ----------- ----------
安装 @babel/plugin-transform-modules-commonjs
要使用 @babel/plugin-transform-modules-commonjs，我们需要将它添加到项目中，也可以使用 npm 进行安装。
--- ------- ----------------------------------------
配置 Babel
安装完 Babel 和插件之后，我们需要创建一个 .babelrc 文件来配置 Babel。
-
---------- -
-
--------------------
-
---------- -
------- ----
-
-
-
--
---------- -
------------------------------------------
-
-在这个配置文件中，我们使用了 @babel/preset-env，它可以根据目标环境的配置确定所需的插件和 polyfill。targets.node 的值为 true，表示我们的目标环境是 Node.js。
还有一个重要的插件 @babel/plugin-transform-modules-commonjs，它可以帮助我们将 import / export 转换为 CommonJS 的 require / module.exports 语法。
运行 Babel
最后，我们需要运行 Babel，在我们导入模块的 JavaScript 文件中添加以下内容：
---------------------------
这将引入一个可以运行 Babel 的注册器。在调用 require('./example.js') 之前，我们需要添加该代码行。
现在，我们就可以在 Node.js 中使用 import 导入模块，而不会出现 SyntaxError 错误了。我们可以试着再次运行我们之前的导入代码：
------ ------- ---- --------------- -----------------------
这应该输出 Hello, World!。
结论
在本文中，我们介绍了在 Node.js 中使用 import 导入模块所遇到的问题，以及如何使用 @babel/plugin-transform-modules-commonjs 插件来解决这个问题。
有了 import / export 特性的支持，我们可以在前后端开发中使用同样的代码语法。这可以提高代码的可读性和可维护性，并帮助我们更好地组织代码。我建议将 Babel 和插件添加到您的项目中，以便您可以充分利用 ECMAScript 2021 中提供的一些非常强大的功能。
示例如下
example.js
------ ------- -------- --------- - ------ ------- -------- -
index.js
--------------------------- ------ ------- ---- --------------- ----------------------- -- ---------- -------
运行
在终端中输入以下命令：
---- --------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670dda145f551281025eac0f