I have run into a weird Next.js error for the first time.
因此,我开始使用以下指挥器进行下调器(应用航道):
npx create-next-app@latest
Then I started the app in development mode by running the command; npm run dev
. And when I visited the URL localhost:3000
, I saw the following error:
Application error: a client-side exception has occurred (see the browser console for more information).
这里指的是我的浏览器。
Uncaught Error: Invariant: Missing ActionQueueContext
at useReducerWithReduxDevtoolsImpl (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/client/components/use-reducer-with-devtools.js?2fe90:95:15)
at Router (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?4d4a0:186:100)
at renderWithHooks (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:11009:18)
at mountIndeterminateComponent (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:16761:13)
at beginWork$1 (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:18345:16)
at HTMLUnknownElement.callCallback (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20461:14)
at Object.invokeGuardedCallbackImpl (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20510:16)
at invokeGuardedCallback (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20585:29)
at beginWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:26763:7)
at performUnitOfWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25587:12)
at workLoopConcurrent (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25573:5)
at renderRootConcurrent (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25529:9)
at performConcurrentWorkOnRoot (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24382:38)
at workLoop (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:261:34)
at flushWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:230:14)
at MessagePort.performWorkUntilDeadline (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:534:21)
useReducerWithReduxDevtoolsImpl @ use-reducer-with-devtools.js:95
Router @ app-router.js:196
renderWithHooks @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:11009
mountIndeterminateComponent @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:16761
beginWork$1 @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:18345
callCallback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20461
invokeGuardedCallbackImpl @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20510
invokeGuardedCallback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20585
beginWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:26763
performUnitOfWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25587
workLoopConcurrent @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25573
renderRootConcurrent @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25529
performConcurrentWorkOnRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24382
workLoop @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:261
flushWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:230
performWorkUntilDeadline @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:534
app-index.js:32 Warning: An error occurred during hydration. The server HTML was replaced with client content in <#document>.
window.console.error @ app-index.js:32
console.error @ hydration-error-info.js:45
printWarning @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:94
error @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:68
errorHydratingContainer @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:36087
recoverFromConcurrentError @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24471
performConcurrentWorkOnRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24420
workLoop @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:261
flushWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:230
performWorkUntilDeadline @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:534
use-reducer-with-devtools.js:95 Uncaught Error: Invariant: Missing ActionQueueContext
at useReducerWithReduxDevtoolsImpl (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/client/components/use-reducer-with-devtools.js?2fe90:95:15)
at Router (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?4d4a0:186:100)
at renderWithHooks (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:11009:18)
at mountIndeterminateComponent (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:16761:13)
at beginWork$1 (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:18345:16)
at HTMLUnknownElement.callCallback (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20461:14)
at Object.invokeGuardedCallbackImpl (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20510:16)
at invokeGuardedCallback (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:20585:29)
at beginWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:26763:7)
at performUnitOfWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25587:12)
at workLoopSync (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25303:5)
at renderRootSync (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25258:7)
at recoverFromConcurrentError (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24475:20)
at performConcurrentWorkOnRoot (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24420:26)
at workLoop (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:261:34)
at flushWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:230:14)
at MessagePort.performWorkUntilDeadline (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:534:21)
useReducerWithReduxDevtoolsImpl @ use-reducer-with-devtools.js:95
Router @ app-router.js:196
renderWithHooks @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:11009
mountIndeterminateComponent @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:16761
beginWork$1 @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:18345
callCallback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20461
invokeGuardedCallbackImpl @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20510
invokeGuardedCallback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:20585
beginWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:26763
performUnitOfWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25587
workLoopSync @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25303
renderRootSync @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25258
recoverFromConcurrentError @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24475
performConcurrentWorkOnRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24420
workLoop @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:261
flushWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:230
performWorkUntilDeadline @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:534
app-index.js:32 The above error occurred in the <Router> component:
at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?4d4a0:169:11)
at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?c44e0:100:9)
at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?c44e0:130:11)
at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?4d4a0:451:13)
at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:128:11)
at RSCComponent
at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:144:11)
React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.
window.console.error @ app-index.js:32
console.error @ hydration-error-info.js:45
logCapturedError @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:15107
update.callback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:15156
callCallback @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:8194
commitCallbacks @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:8241
commitClassCallbacks @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21219
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21321
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21303
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21303
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21303
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21303
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21303
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21473
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21473
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21473
recursivelyTraverseLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22823
commitLayoutEffectOnFiber @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:21333
commitLayoutEffects @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:22809
commitRootImpl @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:26054
commitRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25907
commitRootWhenReady @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24627
finishConcurrentRender @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24592
performConcurrentWorkOnRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24437
workLoop @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:261
flushWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:230
performWorkUntilDeadline @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:534
auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:16451 Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.
at updateHostRoot (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:16451:57)
at beginWork$1 (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:18373:14)
at beginWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:26741:14)
at performUnitOfWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25587:12)
at workLoopSync (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25303:5)
at renderRootSync (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:25258:7)
at recoverFromConcurrentError (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24475:20)
at performConcurrentWorkOnRoot (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js:24420:26)
at workLoop (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:261:34)
at flushWork (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:230:14)
at MessagePort.performWorkUntilDeadline (webpack-internal:///(:3000/app-pages-browser)/./node_modules/next/dist/compiled/scheduler/cjs/scheduler.development.js:534:21)
updateHostRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:16451
beginWork$1 @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:18373
beginWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:26741
performUnitOfWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25587
workLoopSync @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25303
renderRootSync @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:25258
recoverFromConcurrentError @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24475
performConcurrentWorkOnRoot @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiled
eact-domcjs
eact-dom.development.js|app-pages-browser:24420
workLoop @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:261
flushWork @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:230
performWorkUntilDeadline @ auto|C:UsersDelhiverydesktopexcelai
ode_modules
extdistcompiledschedulercjsscheduler.development.js|app-pages-browser:534
谁能帮助?
注:我处在窗户上,正在发展。 这是我第一次发现这一错误。