Приложение NextJS не работаетJavascript

Форум по Javascript
Ответить
Anonymous
 Приложение NextJS не работает

Сообщение Anonymous »

Мне нужна помощь в выяснении ошибки.
Я использую ОС Windows 10pro.
каждый раз, когда я пытаюсь загрузить страницу приложения из ветки рефакторинга кода,

Код: Выделить всё

the page loads up for a second, then displays an error Application error: a client-side exception has occurred (see the browser console for more information).
.
Но затем, когда я проверю консоли, я вижу это:

Код: Выделить всё

use-reducer-with-devtools.js?12360:95 Uncaught Error: Invariant: Missing ActionQueueContext
   at useReducerWithReduxDevtoolsImpl (use-reducer-with-devtools.js?12360:95:15)
   at Router (app-router.js?bdea0:225:100)
   at renderWithHooks (react-dom.development.js:11121:18)
   at mountIndeterminateComponent (react-dom.development.js:16869:13)
   at beginWork$1 (react-dom.development.js:18458:16)
   at HTMLUnknownElement.callCallback (react-dom.development.js:20565:14)
   at Object.invokeGuardedCallbackImpl (react-dom.development.js:20614:16)
   at invokeGuardedCallback (react-dom.development.js:20689:29)
   at beginWork (react-dom.development.js:26949:7)
   at performUnitOfWork (react-dom.development.js:25748:12)
useReducerWithReduxDevtoolsImpl @ use-reducer-with-devtools.js?12360:95
Router @ app-router.js?bdea0:225
renderWithHooks @ react-dom.development.js:11121
mountIndeterminateComponent @ react-dom.development.js:16869
beginWork$1 @ react-dom.development.js:18458
callCallback @ react-dom.development.js:20565
invokeGuardedCallbackImpl @ react-dom.development.js:20614
invokeGuardedCallback @ react-dom.development.js:20689
beginWork @ react-dom.development.js:26949
performUnitOfWork @ react-dom.development.js:25748
workLoopConcurrent @ react-dom.development.js:25734
renderRootConcurrent @ react-dom.development.js:25690
performConcurrentWorkOnRoot @ react-dom.development.js:24504
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534Understand this errorAI
hook.js:608 Warning: An error occurred during hydration.  The server HTML was replaced with client content in .
overrideMethod @ hook.js:608
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js?f2611:63
printWarning @ react-dom.development.js:94
error @ react-dom.development.js:68
errorHydratingContainer @ react-dom.development.js:36301
recoverFromConcurrentError @ react-dom.development.js:24593
performConcurrentWorkOnRoot @ react-dom.development.js:24542
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534Understand this errorAI
use-reducer-with-devtools.js?12360:95 Uncaught Error: Invariant: Missing ActionQueueContext
   at useReducerWithReduxDevtoolsImpl (use-reducer-with-devtools.js?12360:95:15)
   at Router (app-router.js?bdea0:225:100)
   at renderWithHooks (react-dom.development.js:11121:18)
   at mountIndeterminateComponent (react-dom.development.js:16869:13)
   at beginWork$1 (react-dom.development.js:18458:16)
   at HTMLUnknownElement.callCallback (react-dom.development.js:20565:14)
   at Object.invokeGuardedCallbackImpl (react-dom.development.js:20614:16)
   at invokeGuardedCallback (react-dom.development.js:20689:29)
   at beginWork (react-dom.development.js:26949:7)
   at performUnitOfWork (react-dom.development.js:25748:12)
useReducerWithReduxDevtoolsImpl @ use-reducer-with-devtools.js?12360:95
Router @ app-router.js?bdea0:225
renderWithHooks @ react-dom.development.js:11121
mountIndeterminateComponent @ react-dom.development.js:16869
beginWork$1 @ react-dom.development.js:18458
callCallback @ react-dom.development.js:20565
invokeGuardedCallbackImpl @ react-dom.development.js:20614
invokeGuardedCallback @ react-dom.development.js:20689
beginWork @ react-dom.development.js:26949
performUnitOfWork @ react-dom.development.js:25748
workLoopSync @ react-dom.development.js:25464
renderRootSync @ react-dom.development.js:25419
recoverFromConcurrentError @ react-dom.development.js:24597
performConcurrentWorkOnRoot @ react-dom.development.js:24542
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534Understand this errorAI
hook.js:608 The above error occurred in the   component:

   at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?bdea0:207:11)
   at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?28e40:113:9)
   at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?28e40:160:11)
   at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?bdea0:585:13)
   at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
   at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.
overrideMethod @ hook.js:608
window.console.error @ app-index.js:33
console.error @ hydration-error-info.js?f2611:63
logCapturedError @ react-dom.development.js:15295
update.callback @ react-dom.development.js:15344
callCallback @ react-dom.development.js:8696
commitCallbacks @ react-dom.development.js:8743
commitClassCallbacks @ react-dom.development.js:21323
commitLayoutEffectOnFiber @ react-dom.development.js:21425
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21407
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21407
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21407
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21407
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21577
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21577
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21577
recursivelyTraverseLayoutEffects @ react-dom.development.js:22926
commitLayoutEffectOnFiber @ react-dom.development.js:21437
commitLayoutEffects @ react-dom.development.js:22912
commitRootImpl @ react-dom.development.js:26226
commitRoot @ react-dom.development.js:26077
commitRootWhenReady @ react-dom.development.js:24749
finishConcurrentRender @ react-dom.development.js:24714
performConcurrentWorkOnRoot @ react-dom.development.js:24559
workLoop @ scheduler.development.js:256
flushWork @ scheduler.development.js:225
performWorkUntilDeadline @ scheduler.development.js:534Understand this errorAI
react-dom.development.js:16571 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 (react-dom.development.js:16571:57)
   at beginWork$1 (react-dom.development.js:18486:14)
   at beginWork (react-dom.development.js:26927:14)
   at performUnitOfWork (react-dom.development.js:25748:12)
   at workLoopSync (react-dom.development.js:25464:5)
   at renderRootSync (react-dom.development.js:25419:7)
   at recoverFromConcurrentError (react-dom.development.js:24597:20)
   at performConcurrentWorkOnRoot (react-dom.development.js:24542:26)
   at workLoop (scheduler.development.js:256:34)
   at flushWork (scheduler.development.js:225:14)
Я попытался удалить как файлы node_modules , так и .next и попробовал переустановить их, все еще одна и та же проблема.
Пожалуйста, примечание: в субботу все работало нормально, пока я не обновил свою систему позже в ту же субботу, тем самым необходимо переустановить Windows 10pro. < /p>
Я хотел бы знать, если у кого -нибудь есть имел аналогичную проблему

Подробнее здесь: https://stackoverflow.com/questions/793 ... ot-running
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»