在使用 NodeJS 进行编程时，经常会遇到 "SyntaxError: Unexpected token" 错误。这种错误通常是由于 ES10（ECMAScript 2019）中使用了一些高级语法导致的。本篇文章将介绍一些解决该问题的高级调试方法，并提供示例代码以帮助读者了解如何在实际应用中使用这些技术。
问题分析
在 ES10 中，开发者可以使用一些高级语法，如可选链运算符（Optional Chaining）、null 合并运算符（Nullish Coalescing）等等。这些语法现在在前端领域已经得到了广泛的应用，但是如果使用 NodeJS 进行编程，很可能会遇到 "SyntaxError: Unexpected token" 错误。
例如，下面的代码段中就运用了可选链运算符进行属性读取：
const someObj = { propA: { propB: 10 } }
const val = someObj?.propA?.propB但是如果我们直接使用 NodeJS 运行这段代码，就会出现如下错误：
/Users/Username/path/to/file.js:3
const val = someObj?.propA?.propB
^
SyntaxError: Unexpected token '?'可以看到，NodeJS 没有识别出可选链运算符，导致代码无法正常运行。而该问题的解决方法将在下一部分中介绍。
解决方法
为了解决 NodeJS 无法识别 ES10 高级语法的问题，我们可以使用 Babel 转译器（transpiler）。Babel 可以将我们编写的 ES10 代码转换成 ES5 代码，这样我们就可以在 NodeJS 环境下运行这些代码了。以下是使用 Babel 转译器的步骤：
步骤 1：安装 Babel
首先，我们需要在项目中安装 Babel。
npm install @babel/core @babel/cli --save-dev
步骤 2：安装 Babel 插件
Babel 可以使用插件来处理各种类型的语法。因此，我们需要使用类似下面命令行的方式安装一些必要的 Babel 插件：
npm install @babel/preset-env @babel/plugin-proposal-nullish-coalescing-operator @babel/plugin-proposal-optional-chaining --save-dev
Babel 需要依赖某些 preset，例如 @babel/preset-env，来支持某些语言特性。
步骤 3: 添加配置文件
在根目录下创建一个名为 .babelrc 的文件，并加入以下代码：
-- -------------------- ---- -------
-
---------- -
-------------------
--
---------- -
-----------------------------------------------------
------------------------------------------
-
-以上配置文件中，我们将 @babel/preset-env 添加到 presets 配置中，@babel/plugin-proposal-nullish-coalescing-operator 和 @babel/plugin-proposal-optional-chaining 分别添加到 plugins 中。这样，Babel 就可以正确转译我们的代码了。
步骤 4：使用 Babel 运行代码
为了使用 Babel 运行我们的代码，我们可以在命令行中输入以下命令：
npx babel-node index.js
其中，index.js 是我们需要运行的文件名。在这个例子中，我们假设我们的代码文件名为 index.js。通过这个命令，我们就可以在 NodeJS 环境下成功运行包含 ES10 高级语法的代码了。
运行结果：
10
完成以上四个步骤后，您应该就能够正确运行包含 ES10 高级语法的代码了。如果仍遇到问题，可能是由于您的配置文件不正确或需要安装更多的 Babel 插件。如果您需要更详细的帮助，请到 Babel 官网查看相关文档。
总结
在开发过程中使用 ES10 高级语法可以大大提高前端代码的可读性和可维护性。然而，由于这些语法需要特定编译器的支持，使用 NodeJS 进行编程时可能遇到一些困难。本文介绍了使用 Babel 转译器解决 "SyntaxError: Unexpected token" 错误的方法，并提供了示例代码以帮助读者使用相关技术。通过学习本文，我们希望您可以更加流畅地使用 ES10 高级语法，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64928be348841e9894054825