SyntaxError: Next.js中的意外令牌“导出”

Question

当我呈现下面的代码时，我会得到以下错误：

SyntaxError:意外令牌“导出”

( path)/node_modules/react-syntax-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

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

使用此导入路径：

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

而不是：

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