我正在使用官方的T3堆栈教程。
我在职员身份验证时卡住了。我将my _app.tsx修改为以下内容：

import { type AppType } from "next/app";

import { api } from "~/utils/api";

import "~/styles/globals.css";
import {ClerkProvider, SignedIn, SignedOut, SignIn} from "@clerk/nextjs";

const MyApp: AppType = ({ Component, pageProps }) => {
  return (
      <ClerkProvider {...pageProps}>
        <Component {...pageProps} />
      </ClerkProvider>
  );
};

export default api.withTRPC(MyApp);

当我访问我的主页时：http://127.0.0.1:3000/或http：//localhost：3000/我得到以下错误：
enter image description here
检查浏览器控制台，我看到的主要（也是第一个）错误如下：
控制台截图：enter image description here
这是一个基本的CORS块，我对客户端无能为力。
我错过了什么？我已经被这个问题困扰了好几天了，在谷歌上没有找到任何类似的东西。
这似乎导致职员根本不工作。
我用于上下文的版本：

• “@clerk/nextjs”：“^4.15.0”，
• “下一页”：“^13.2.4”，
• “@types/node”：“^18.15.5”，
• “typescript”：“^5.0.2”

到目前为止，我尝试了以下操作：

• 在谷歌上搜索这个问题，比如“clerk failed to fetch”，“clerk auth failed to fetch”，“clerk auth CORS error”，“IsomorphicClerk.loadClerkJS error”，我在搜索的最后加上了reddit，但是我发现没有人遇到这个错误
• 我清除了项目，重新开始，看看我是否在这个过程中搞砸了什么，但同样的事情发生了
• 从不同的库导入ClerkProvider（@clerk/react -我认为）
• 检查职员 Jmeter 板，如果我可以设置CORS异常，但什么也没发现，也许除了生产