小编Joh*_*efs的帖子

NextJS - 意外的令牌导入

在将 react-syntax-highlighter 集成到我的 next-js 项目中时,我使用了以下代码:

import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { okaidia } from "react-syntax-highlighter/dist/esm/styles/prism";

...

<SyntaxHighlighter language="jsx" style={okaidia}>
{some code goes here}
</SyntaxHighlighter>

...
Run Code Online (Sandbox Code Playgroud)

运行 npm run dev 时出现以下错误,但前提是我直接运行页面。

Unexpected token export
/Users/johndetlefs/repos/tal-gel-framework/node_modules/react-syntax-highlighter/dist/esm/styles/prism/index.js:1
(function (exports, require, module, __filename, __dirname) { export { default as coy } from './coy';
                                                              ^^^^^^

SyntaxError: Unexpected token export
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:617:28)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at …
Run Code Online (Sandbox Code Playgroud)

node.js webpack next.js

7
推荐指数
1
解决办法
2005
查看次数

标签 统计

next.js ×1

node.js ×1

webpack ×1