DEV Community

Motouom Victor
Motouom Victor

Posted on

2

npm run dev gives an error.

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

Image of Bright Data

High-Quality Data for AI – Access diverse datasets ready for your ML models.

Browse our extensive library of pre-collected datasets tailored for various AI and ML projects.

Explore Datasets

Top comments (0)

Migrate from EVM to Rust

Migrate from EVM

Migrate your smart contracts from Solidity to Rust. Let us know how we can help.

Make the Move

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay