Next.js 错误：next/server.js 出现意外的令牌“导出”

Question

当我尝试

Unexpected token 'export'

我的 Nextjs 项目时，我得到了

yarn dev

。这是我收到的错误消息（运行后

yarn build

）。

> Build error occurred
/Users/.../my-repo/node_modules/next/server.js:1
export { NextRequest } from 'next/dist/server/web/spec-extension/request'
^^^^^^

SyntaxError: Unexpected token 'export'
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1031:15)
    at Module._compile (node:internal/modules/cjs/loader:1065:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/.../my-repo/node_modules/@clerk/nextjs/dist/server/utils.js:5:18)
    at Module._compile (node:internal/modules/cjs/loader:1101:14) {
  type: 'SyntaxError'
}

这就是

node_modules/next/server.js

在我的项目中的样子。

export { NextRequest } from 'next/dist/server/web/spec-extension/request'
export { NextResponse } from 'next/dist/server/web/spec-extension/response'

另外，这里是

next.config.js

：

/** @type {import('next').NextConfig} */
const nextConfig = {
  eslint: {
    dirs: ["."],
  },
  poweredByHeader: false,
  trailingSlash: true,
  basePath: "",
  env: {
    PROJECT_NAME: process.env.PROJECT_NAME,
  },
  reactStrictMode: true,
};

const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
});

module.exports = withBundleAnalyzer(nextConfig);

我已经尝试过使用

next-transpile-modules

，但这没有帮助。作为参考，我正在（并且需要）使用

next

的 v12.1.0，因此我无法利用 v13.1 附带的内置转译支持。

可能是什么问题？

Answer 1

我认为您正在导入一些组件，但您使用了错误的语法！ 您需要将

export { NextRequest } from 'next/dist/server/web/spec-extension/request'

更改为

import { NextRequest } from 'next/dist/server/web/spec-extension/request'

.

请查看文档以获取有关 NextJS 文档的更多信息。

Answer 2

版本问题 然后，运行以下命令来更新 React： npm install React@latest React-dom@latest 如果发现错误添加--force