ECMAScript 2021：解决在 Node.js 中使用 import 导入模块的错误-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，Node.js 是必不可少的工具之一。它允许开发者使用 JavaScript 编写服务端的应用程序，从而实现完整的网络应用。在 Node.js 中，我们使用 CommonJS 模块系统来管理 JavaScript 模块。然而，随着 ECMAScript 这门语言的更新，我们逐渐发现许多优秀的特性都被加入了该语言中。

其中一个非常重要的特性就是 import / export，该特性可以让开发者在前端和后端代码中使用同样的语法。然而，在 Node.js 中使用 import 导入模块，我们会发现会出现一些错误。

这篇文章将讲解如何解决在 Node.js 中使用 import 导入模块的错误。

问题描述

首先，让我们看一下在 Node.js 中使用 import 导入模块所遇到的问题。

假设我们需要导入一个名为 example.js 的模块，在我们的项目文件夹下，该模块的路径为 ./example.js。我们的导入代码应该是这样的：

import example from './example.js';

然而，在运行该代码后，我们会看到以下错误信息：

SyntaxError: Unexpected identifier

这个错误的原因是 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 来进行安装：

npm install @babel/core @babel/cli

安装 @babel/plugin-transform-modules-commonjs

要使用 @babel/plugin-transform-modules-commonjs，我们需要将它添加到项目中，也可以使用 npm 进行安装。

npm install @babel/plugin-transform-modules-commonjs

配置 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 文件中添加以下内容：

require('@babel/register');

这将引入一个可以运行 Babel 的注册器。在调用 require('./example.js') 之前，我们需要添加该代码行。

现在，我们就可以在 Node.js 中使用 import 导入模块，而不会出现 SyntaxError 错误了。我们可以试着再次运行我们之前的导入代码：

import example from './example.js';

console.log(example());

这应该输出 Hello, World!。

结论

在本文中，我们介绍了在 Node.js 中使用 import 导入模块所遇到的问题，以及如何使用 @babel/plugin-transform-modules-commonjs 插件来解决这个问题。

有了 import / export 特性的支持，我们可以在前后端开发中使用同样的代码语法。这可以提高代码的可读性和可维护性，并帮助我们更好地组织代码。我建议将 Babel 和插件添加到您的项目中，以便您可以充分利用 ECMAScript 2021 中提供的一些非常强大的功能。

示例如下

example.js

export default function example() {
  return 'Hello, World!';
}

index.js

require('@babel/register');

import example from './example.js';

console.log(example()); // 输出：'Hello, World!'

运行

在终端中输入以下命令：

node index.js

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/670dda145f551281025eac0f