Error in React vite project due to rollup dependency (module not found)

Question

I am facing an error in react vite project.

snippet from package.json

"react": "^18.2.0",
"vite": "^5.0.0",
"vite-plugin-svgr": "^4.2.0",

The error is :

D:\React\ACL\Acl28\node_modules\rollup\dist\native.js:64 throw new Error( ^

Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory. at requireWithFriendlyError (D:\React\ACL\Acl28\node_modules\rollup\dist\native.js:64:9) at Object. (D:\React\ACL\Acl28\node_modules\rollup\dist\native.js:73:48) 2 lines matching cause stack trace ... at Module.load (node:internal/modules/cjs/loader:1207:32) at Module._load (node:internal/modules/cjs/loader:1023:12) at cjsLoader (node:internal/modules/esm/translators:345:17) at ModuleWrap. (node:internal/modules/esm/translators:294:7) at ModuleJob.run (node:internal/modules/esm/module_job:218:25) at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) { [cause]: Error: The specified module could not be found. \?\D:\React\ACL\Acl28\node_modules@rollup\rollup-win32-x64-msvc\rollup.win32-x64-msvc.node at Module._extensions..node (node:internal/modules/cjs/loader:1473:18) at Module.load (node:internal/modules/cjs/loader:1207:32) at Module._load (node:internal/modules/cjs/loader:1023:12) at Module.require (node:internal/modules/cjs/loader:1235:19) at require (node:internal/modules/helpers:176:18) at requireWithFriendlyError (D:\React\ACL\Acl28\node_modules\rollup\dist\native.js:62:10) at Object. (D:\React\ACL\Acl28\node_modules\rollup\dist\native.js:73:48) at Module._compile (node:internal/modules/cjs/loader:1376:14) at Module._extensions..js (node:internal/modules/cjs/loader:1435:10) at Module.load (node:internal/modules/cjs/loader:1207:32) { code: 'ERR_DLOPEN_FAILED' } }

Node.js v20.10.0

======== vite.config.js

import { defineConfig } from "vite";
import reactRefresh from '@vitejs/plugin-react';
import svgrPlugin from 'vite-plugin-svgr';

export default defineConfig({

 build: {
     outDir: 'build',
 },
 plugins: [
     reactRefresh(),
     svgrPlugin({
         svgrOptions: {
             icon: true,
         },
     }),
 ],

})

Please help in resolving the problem

The project is working fine in another system which has windows 11 as I my system has. Even if I copied whole working project including node-modules folder from another system into my system , the problem persists. The node version is 20 in my system. Another system has node version 16.16

I am expecting to run my react-vite project properly.

quangdang · Accepted Answer · 2024-01-31 10:21:15Z

26

Because you lack of @rollup/rollup-linux-x64-gnu dependency

In package.json you add this dependency as a optinal. And then you run it at windown so ok, run it at linux still ok

"optionalDependencies": {
    "@rollup/rollup-linux-x64-gnu": "4.6.1"
  }

answered Jan 31, 2024 at 10:21

quangdang

4724 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alex Khismatulin Over a year ago

I had the same issue with Cloudflare Pages deployment and this answer helped me resolve it

Felipe Mireles · Accepted Answer · 2023-12-31 21:24:41Z

4

Add to your dependencies in your package.json: "@rollup/rollup-linux-x64-gnu": "^4.9.2"

That's all you need

answered Dec 31, 2023 at 21:24

Felipe Mireles

411 bronze badge

1 Comment

ncubica Over a year ago

This can't be installed on unix or windows env. Modifying package.json seems the best option I have added an answer about it.

ncubica · Accepted Answer · 2024-02-01 07:20:21Z

4

There are couple of good answers on this github thread on the vite github repository it offered two alternative on the package.json:

  "resolutions": {
    "rollup": "npm:@rollup/wasm-node"
  },

alternative:

"overrides": {
  "vite": {
    "rollup": "npm:@rollup/wasm-node"
  }
}

answered Feb 1, 2024 at 7:20

ncubica

8,53510 gold badges58 silver badges74 bronze badges

1 Comment

Michael Feb 9 at 10:29

"resolutions" worked perfectly

elpadrino2345 · Accepted Answer · 2024-07-20 21:49:20Z

3

This might be happening because you are mounting your volumes wrong. If your docker compose file has this in it:

services:
  app:
    volumes:
      - .:/app

You are copying all your local node_modules into the container even though there might be conflicts with different operating systems between your host and the container image. Even if you had node_modules in your dockerignore file it would still copy the wrong node modules.

To mitigate this change your volumes to not be on the root level, eg:

services:
  app:
    volumes:
      - .:/app/src

answered Jul 20, 2024 at 21:49

elpadrino2345

512 bronze badges

Comments

Ygor Castro Ferreira · Accepted Answer · 2023-11-29 17:47:04Z

2

I'm facing the same problem since yesterday... I solved it by downloading the most recent Visual C++ Redistributable. I saw a lot of guys in another forum that also got it.

You can download it here:

https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170

answered Nov 29, 2023 at 17:47

Ygor Castro Ferreira

211 bronze badge

Comments

Anindya Dey · Accepted Answer · 2023-12-06 14:43:52Z

1

You can try these to solve this issue. These steps worked for me :

Install Microsoft C++ Redistributable 2015.
Remove package-lock.json.
Delete node_modules folder.
Restart the machine.
Run npm install.
Run npm run dev if you're using vite.

edited Dec 6, 2023 at 14:43

Anindya Dey

1,1251 gold badge13 silver badges21 bronze badges

answered Dec 3, 2023 at 5:08

Saurabh

112 bronze badges

1 Comment

Aakash Mar 30 at 8:03

Step 2, 3, 5 and 6 is what worked for me. Thanks!

Jebe · Accepted Answer · 2024-06-14 16:25:30Z

1

The only that worked for me was cleaning node_modules, deleting package-lock.json and npm install. After that package-lock was rebuilt and error was gone

answered Jun 14, 2024 at 16:25

Jebe

914 bronze badges

Comments

starball · Accepted Answer · 2023-12-27 01:45:27Z

0

Apparently this happens because Rollup uses the Visual Studio Redistributable to make native calls (source). If you don't have a Visual Studio redistributable installed, install one from https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist for your platform. After doing that, try to run package installation or whatever npm command you were trying to run again (you may need to do some extra steps to refresh things).

Rollup itself has recently made a change to add a more friendly error message about this. See Add friendly error for missing MSVC redistributable #5284.

answered Dec 27, 2023 at 1:45

starball♦

59.4k52 gold badges312 silver badges1k bronze badges

Comments

Binyamin Abdalla · Accepted Answer · 2023-12-29 13:06:52Z

0

this actually happended to me try to uninstall node v20.10.0 you have now and download node version v18.12.0

answered Dec 29, 2023 at 13:06

Binyamin Abdalla

1

1 Comment

zoran404 Over a year ago

The question mentions that they have already tried node v20 and v16. Why do you think it would be useful for them to try v18 ? Also it might have only been a fix for you because you are using different versions of npm packages.

Jose Javier Soto · Accepted Answer · 2024-03-22 21:06:59Z

0

I had the same error. It was fixed by updating node.js; try running:

nvm install latest

Use the command below to make sure that you are running the desired version of node

nvm use vA.B.C

vA.B.C = the version number that you'd like to use.

Once the new version of node is installed, delete the node_modules package and the package-lock.json

Run the npm install command and try running the app.

answered Mar 22, 2024 at 21:06

Jose Javier Soto

314 bronze badges

Comments

bonniss · Accepted Answer · 2024-07-30 03:22:11Z

0

Experienced this error in a React + Vite 5 app deployed via Netlify using npm not yarn. Fixed it by installing dependencies in CI mode before the build phase.

# netlify.toml
[build]
  publish = "dist"
  command = "npm ci && npm run build"

answered Jul 30, 2024 at 3:22

bonniss

5055 silver badges15 bronze badges

Comments

Daniil Bannov · Accepted Answer · 2025-03-27 07:55:35Z

0

for linux: cd into folder with project and execute

npm install

npm install @rollup/rollup-linux-x64-gnu
npx vite .

answered Mar 27 at 7:55

Daniil Bannov

162 bronze badges

Comments

Jeremy Caney · Accepted Answer · 2025-11-03 00:22:25Z

0

I got this error:

Error: Cannot find module @rollup/rollup-linux-x64-gnu. npm has a bug related to optional dependencies

And this one worked for me:

rm -rf node_modules package-lock.json

edited Nov 3 at 0:22

Jeremy Caney

7,808114 gold badges57 silver badges86 bronze badges

answered Nov 2 at 23:17

Venelin Ganarev

1

Collectives™ on Stack Overflow

Error in React vite project due to rollup dependency (module not found)

13 Answers 13

1 Comment

1 Comment

1 Comment

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

13 Answers 13

1 Comment

1 Comment

1 Comment

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related