如何解决 SyntaxError: React nextjs 项目中出现意外的令牌“导出”？

Question

我正在开发一个 React nextjs 项目，突然遇到了 SyntaxError: Unexpected token 'export' 错误。

我已阅读此处建议的解决方案，但我似乎不明白如何正确应用建议的答案。

这与nextjs编译错误有关吗？我该如何最好地解决它？

这是我的 package.json 的屏幕截图

Answer 1

后来我在 Github 上找到了一个解决方案 - Syntax Error: Unexpected token export 该问题与 next.js 中的 ES 模块有关，解决方案是next-transpile-modules使用以下命令安装：

npm i next-transpile-modules。

此后，我将以下内容添加到 next.config.js 文件中：

const withTM = require('next-transpile-modules')(["react-icons"]);

module.exports = withTM({})

这解决了错误（对我来说）。

您需要将受影响的节点模块的名称替换为react-icons它才能在您的情况下工作。