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

santanaluc94 profile image

Como funcionam Bindings de Fluxo de Controle no KnockoutJs

Lucas Teixeira dos Santos Santana -

mshsayket profile image

How to Install Bootstrap 5 in Laravel 11 with Vite?

Saddam Hossain -

hamzakhan profile image

🌀 State Management in React: Comparing Redux Toolkit vs. Zustand 📊

Hamza Khan -

siisee11 profile image

Langgraph Human In The Loop with socket

Jaeyoun Nam -