SyntaxError：不能在 nextjs 的模块外使用 import 语句

【问题标题】：SyntaxError: Cannot use import statement outside a module in nextjsSyntaxError：不能在 nextjs 的模块外使用 import 语句
【发布时间】：2021-10-15 18:42:49
【问题描述】：

我正在使用“react-d3-speedometer”库，但在导入时出现上述错误。有人可以帮忙吗？

【问题讨论】：

这能回答你的问题吗？ NextJS + react-hook-mousetrap : "Cannot use import statement outside a module" - Dynamic imports of hooks?

标签： next.js

【解决方案1】：

这是因为 NextJS 尝试进行服务器端渲染，它们是依赖于浏览器的组件。

您可以通过使用动态导入禁用服务器端呈现来解决此问题：

import dynamic from 'next/dynamic'
const ReactSpeedometer = dynamic(import ("react-d3-speedometer"), { ssr: false })

【讨论】：

感谢您的回答！我必须稍作调整才能让它为我工作：... dynamic(() => import ("react-d3-speedometer" ...