错误：在用于 Clerk 的 Nextjs 中找不到 ClerkInstanceContext

Question

我正在开发一个项目，在该项目中创建了一个登录对话框，但我收到一个无法解决的错误，我在上面的照片中给出了什么，并要求您以某种方式回答它。

- error node_modules/@clerk/shared/dist/esm/hooks/createContextAndHook.js (4:0) @ assertContextExists
- error Error: ClerkInstanceContext not found
null

Run Code Online (Sandbox Code Playgroud)

错误：

Unhandled Runtime Error
Error: ClerkInstanceContext not found

Call Stack
assertContextExists
node_modules/@clerk/shared/dist/esm/hooks/createContextAndHook.js (4:0)
useCtx
node_modules/@clerk/shared/dist/esm/hooks/createContextAndHook.js (13:0)
HOC
node_modules/@clerk/clerk-react/dist/esm/components/withClerk.js (10:43)
renderWithHooks
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (10697:0)
updateFunctionComponent
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (15180:0)
mountLazyComponent
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (15620:0)
beginWork$1
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (17316:0)
beginWork
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (25689:0)
performUnitOfWork
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (24540:0)
workLoopSync
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (24256:0)
renderRootSync
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (24211:0)
recoverFromConcurrentError
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (23446:0)
performConcurrentWorkOnRoot
node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (23352:0)
workLoop
node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js (261:0)
flushWork
node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js (230:0)
MessagePort.performWorkUntilDeadline
node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js (537:0)

Run Code Online (Sandbox Code Playgroud)

我需要解决该主页上的问题并按照安排赋予其核心

Answer 1

小智 8

你的app/auth/layout.tsx和app/root/layout.tsx应该用包裹起来<ClerkProvider>。

<ClerkProvider>
  <html>
     <body>
       (your code).
     </body>
  </html>
</ClerkProvider>

Run Code Online (Sandbox Code Playgroud)

归档时间：	2 年，3 月前
查看次数：	5057 次
最近记录：	2 年，2 月前