reactjs - 如何解决语法错误 : Unexpected token 'export' in react nextjs project?

Question

这个问题已经有答案了:

Next.js SyntaxError "Unexpected token 'export'" (5 个回答)

已关闭 去年。

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

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

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

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

Answer 1

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

npm 我下一个转换模块。

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

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

module.exports = withTM({})

这解决了错误(对我来说)。

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