语法错误：下一步中出现意外的令牌"导出.js

Question

当我呈现下面的代码时，我得到了这个错误：

SyntaxError：意外的令牌"导出">

(项目path(/nod_module/rect语法highlighter/dist/esm/styles/prism/index.js

它最初按预期工作，直到我刷新页面。

import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
const codeString = '(num) => num + 1';
const Code = () => {
return (
<div>
<SyntaxHighlighter language="javascript" style={oneLight}>
{codeString}
</SyntaxHighlighter>
</div>
);
};
export default Code;

Answer 1

Next.js中使用react-syntax-highlighter时的Unexpected token 'export'解决方案

使用此导入路径：

react-syntax-highlighter/dist/cjs/...

而不是：

react-syntax-highlighter/dist/esm/...