Next.js 14.2.5集成Clerk插件出现报错，寻求解决方案

项目依赖项 #

"dependencies": {
    "@clerk/backend": "1.6.2",
    "@clerk/clerk-react": "5.4.0",
    "@clerk/shared": "2.5.0",
    "@clerk/types": "4.13.0",
    "crypto-js": "4.2.0",
    "path-to-regexp": "6.2.2",
    "server-only": "0.0.1",
    "tslib": "2.4.1"
  },

原Middleware代码 #

import { clerkMiddleware } from "@clerk/nextjs/server";

export default clerkMiddleware();
export const config = {
  matcher: ["/((?!.*\..*|_next).*)", "/", "/(api|trpc)(.*)"]
};

已尝试的解决方案（均无效） #

• 方案1：替换为authMiddleware

import { authMiddleware } from "@clerk/nextjs/server";

export default authMiddleware(); export const config = {   matcher: ["/((?!.*\..*|_next).*)", "/", "/(api|trpc)(.*)"] };

• 方案2：配置publicRoutes和ignoredRoutes

import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";

export default clerkMiddleware({
  publicRoutes: [
    "/",
    "/api/webhook",
    "/question/:id",
    "/tags",
    "/tags/:id",
    "/profile/:id",
    "/community",
    "/jobs"
  ],
  ignoredRoutes: ["/api/webhook", "/api/chatgpt"]
});
export const config = {
  matcher: ["/((?!.*\..*|_next).*)", "/", "/(api|trpc)(.*)"]
};

寻求解决该报错的有效方法。

内容的提问来源于stack exchange，提问作者saurabh kamble