Local server not running after I install a package / update nextjs | Next.js | Page 1

ripe atlas Jan 8, 2024, 12:03 PM

#

So I just opened my project after 1 month, and whenever I install a package and try to run 'npm run dev', it does not start the local server. I tried updating to nextjs 14, but even doing that causes the same problem.

swift violetBOT Jan 8, 2024, 12:03 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

nimble knoll Jan 8, 2024, 12:37 PM

#

ripe atlas So I just opened my project after 1 month, and whenever I install a package and ...

do you get any error?

ripe atlas Jan 8, 2024, 12:45 PM

#

nimble knoll do you get any error?

No. It just cancels

#

#

Doesnt matter which package I install

#

I'm getting these errors tho when I run it before installing anything. But when I check the lines, there doesn't seem to be a typo there. What does this error mean? They didn't show up a month ago.

nimble knoll Jan 8, 2024, 12:51 PM

#

ripe atlas

can you run ls?

ripe atlas Jan 8, 2024, 1:14 PM

#

nimble knoll Jan 8, 2024, 1:16 PM

#

ripe atlas

have you tried to delete .next and node_modules?

nimble knoll Jan 8, 2024, 1:20 PM

#

ripe atlas

and what are the version of next and node?

ripe atlas Jan 8, 2024, 1:24 PM

#

nimble knoll and what are the version of next and node?

"next": "^13.5.4",
node: v21.5.0

ripe atlas Jan 8, 2024, 1:24 PM

#

nimble knoll have you tried to delete `.next` and `node_modules`?

I haven't. Should I try that?

nimble knoll Jan 8, 2024, 1:24 PM

#

ripe atlas I haven't. Should I try that?

yeah try that

ripe atlas Jan 8, 2024, 1:27 PM

#

What should I do after?

nimble knoll Jan 8, 2024, 1:29 PM

#

ripe atlas What should I do after?

npm install && npm run dev

ripe atlas Jan 8, 2024, 1:31 PM

#

Is this concerning

nimble knoll Jan 8, 2024, 1:31 PM

#

ripe atlas Is this concerning

its fine

ripe atlas Jan 8, 2024, 1:31 PM

#

Still same issue

nimble knoll Jan 8, 2024, 1:32 PM

#

ripe atlas

same as this?

ripe atlas Jan 8, 2024, 1:32 PM

#

Yea..

nimble knoll Jan 8, 2024, 1:34 PM

#

ripe atlas Yea..

ah try create a new project with npx create-next-app@latest and see if it works

ripe atlas Jan 8, 2024, 1:35 PM

#

A new project in another directory?

nimble knoll Jan 8, 2024, 1:37 PM

#

ripe atlas A new project in another directory?

yes try it

ripe atlas Jan 8, 2024, 1:48 PM

#

ripe atlas Jan 8, 2024, 1:48 PM

#

nimble knoll yes try it

it starts and stops

nimble knoll Jan 8, 2024, 1:49 PM

#

ripe atlas it starts and stops

stop immediately?

ripe atlas Jan 8, 2024, 1:50 PM

#

after like 6 seconds

nimble knoll Jan 8, 2024, 1:50 PM

#

ripe atlas after like 6 seconds

try run this
PORT=5000 npm run dev

ripe atlas Jan 8, 2024, 1:50 PM

#

nimble knoll Jan 8, 2024, 1:52 PM

#

ripe atlas

npm run dev --port 5000

ripe atlas Jan 8, 2024, 1:55 PM

#

Doesn't change the port. I changed this line in package.json "dev": "next dev -p 5000",

#

Still issue persists tho

#

nimble knoll Jan 8, 2024, 1:56 PM

#

ripe atlas Still issue persists tho

run npx next info

ripe atlas Jan 8, 2024, 1:56 PM

#

nimble knoll Jan 8, 2024, 2:18 PM

#

ripe atlas

did you upgrade the version of node?

nimble knoll Jan 8, 2024, 2:20 PM

#

ripe atlas

maybe try installing node 20.10.0 LTS

ripe atlas Jan 8, 2024, 2:31 PM

#

nimble knoll maybe try installing node 20.10.0 LTS

How do I do that?

#

From previous versions from the website?

nimble knoll Jan 8, 2024, 2:32 PM

#

ripe atlas How do I do that?

https://nodejs.org/en

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

#

install LTS one

ripe atlas Jan 8, 2024, 2:32 PM

#

Oh

#

Okay

#

nimble knoll Jan 8, 2024, 2:42 PM

#

ripe atlas

run set-ExecutionPolicy RemoteSigned -Scope CurrentUser

ripe atlas Jan 8, 2024, 2:54 PM

#

That fixed it. It starts now sekiroHype

ripe atlas Jan 8, 2024, 2:55 PM

#

ripe atlas I'm getting these errors tho when I run it before installing anything. But when ...

What are these warnings?

nimble knoll Jan 8, 2024, 2:57 PM

#

ripe atlas What are these warnings?

do you still getting those warning?

ripe atlas Jan 8, 2024, 3:04 PM

#

nimble knoll do you still getting those warning?

Yes

#

nimble knoll Jan 8, 2024, 3:05 PM

#

ripe atlas

where do you load the nprogress.min.css style?

ripe atlas Jan 8, 2024, 3:06 PM

#

in _app.js

#

When route is changing, it shows a progress bar at the top.

#

Oh

#

I found where the typo is

nimble knoll Jan 8, 2024, 3:08 PM

#

ripe atlas When route is changing, it shows a progress bar at the top.

create a page/_document.js and put the link tag there

import { Html, Head, Main, NextScript } from 'next/document'
 
export default function Document() {
  return (
    <Html>
      <Head>
        <link rel="stylesheet" href="..." />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

ripe atlas Jan 8, 2024, 3:12 PM

#

Thank you. That got rid of those warnings.

#

Should I update caniuse-lite

nimble knoll Jan 8, 2024, 3:14 PM

#

ripe atlas Should I update `caniuse-lite`

I think its ok to update if you need

ripe atlas Jan 8, 2024, 3:18 PM

#

Alright. That has fixed everything I have been encountering.

#

Should I update my project to nextjs 14?

nimble knoll Jan 8, 2024, 3:19 PM

#

ripe atlas Should I update my project to nextjs 14?

sure if you can

ripe atlas Jan 8, 2024, 3:20 PM

#

Which command do i use

nimble knoll Jan 8, 2024, 3:20 PM

#

ripe atlas Which command do i use

npm install next@latest

ripe atlas Jan 8, 2024, 3:22 PM

#

Thank you so much dude. Life saver. All issues are fixed for now.

#

ellenp2Love

nimble knoll Jan 8, 2024, 3:23 PM

#

ripe atlas Thank you so much dude. Life saver. All issues are fixed for now.

your welcome

#Local server not running after I install a package / update nextjs