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

Question

尝试yarn dev我的 Nextjs 项目时出现Unexpected token 'export' 。 这是我收到的错误消息（在运行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 文档的更多信息。