DEV Community

Motouom Victor
Motouom Victor

Posted on

npm run dev gives an error.

#typescript #javascript #beginners #learning

We often encounter the error below when trying to start our react app.


packit-frontend@0.0.0 dev
vite

file:///home/ariel/Desktop/PackIt/PackIt-frontend/node_modules/vite/bin/vite.js:7
    await import('source-map-support').then((r) => r.default.install())
    ^^^^^

SyntaxError: Unexpected reserved word
    at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)
    at async link (internal/modules/esm/module_job.js:42:21)
Enter fullscreen mode Exit fullscreen mode

This error is often caused by your node version being below the expected version. Below are some guides to help you fix that:

  1. check your node version. 
node -v
Enter fullscreen mode Exit fullscreen mode
  1. if your node version is lower than version 21, I will recommend you install node 21 or greater. 
nvm install 21
Enter fullscreen mode Exit fullscreen mode
  1. After the installation is done, you can now use the version 21. 
nvm use 21
Enter fullscreen mode Exit fullscreen mode
  1. Run the app again with 
npm run dev
Enter fullscreen mode Exit fullscreen mode

and the expected result should be:


> packit-frontend@0.0.0 dev
> vite


  VITE v5.3.4  ready in 222 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

rajnishspandey profile image

Deploy Flask app using docker Compose

Rajnish -

oliverbennet profile image

I Started Learning Docker a Year Ago, Now I make my Own Containers.

Oliver Bennet -

judith677 profile image

#87 — Merge Data of The Same Group

Judith-Excel-Sharing -

mikeyoung44 profile image

Unlocking Search Relevance: Large Language Models Power Pinterest Discovery

Mike Young -