Next.js Discord

Discord Forum

I can't start the project

Unanswered
Carea Castellano Manchego posted this in #help-forum
Open in Discord
Carea Castellano ManchegoOP
So, i did eveyrthing as every tutorial showed.

npx create-next-app@latest

then hit yes for everything except the @alias

After that, i did not alterate ANYTHING from the code, then i wrote npm run dev, opened the localhost:3000

And a lot errors happened, also my terminal is filled with warnings.

I tried this step-by-step

https://stackoverflow.com/questions/77232531/run-of-a-next-js-app-stucked-npm-run-dev-doesnt-work

2 Replies

Carea Castellano ManchegoOP
AND NOTHING happenend, same errors

Invariant: Missing ActionQueueContext
at useReducerWithReduxDevtoolsImpl (use-reducer-with-devtools.js?79061:95:15)
at Router (app-router.js?3bb41: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)
app-index.js:33 Warning: An error occurred during hydration. The server HTML was replaced with client content in <#document>.
window.console.error @ app-index.js:33
Show 1 more frame
Show less
use-reducer-with-devtools.js?79061:95 Uncaught Error: Invariant: Missing ActionQueueContext
at useReducerWithReduxDevtoolsImpl (use-reducer-with-devtools.js?79061:95:15)
at Router (app-router.js?3bb41: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)
app-index.js:33 The above error occurred in the <Router> component:
at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?3bb41:207:11)
at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?16a91:113:9)
at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js?16a91:160:11)
at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js?3bb41:577: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.
window.console.error @ app-index.js:33
Show 1 more frame
Show less
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)