Cannot find module @rollup/rollup-darwin-arm64.

[SageKwun]

Describe the bug

After I did:

pnpm create vite live-player --template react-ts

cd live-player

pnpm install

pnpm run dev

Error: Cannot find module @rollup/rollup-darwin-arm64. npm has a bug related to optional dependencies (npm/cli#4828). Please try npm i again after removing both package-lock.json and node_modules directory.
at requireWithFriendlyError (/Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js:89:9)
at Object. (/Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js:98:76)
... 3 lines matching cause stack trace ...
at Module._load (node:internal/modules/cjs/loader:930:12)
at ModuleWrap. (node:internal/modules/esm/translators:169:29)
at ModuleJob.run (node:internal/modules/esm/module_job:194:25) {
[cause]: Error: Cannot find module '@rollup/rollup-darwin-arm64'
Require stack:

• /Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1047:15)
  at Module._load (node:internal/modules/cjs/loader:893:27)
  at Module.require (node:internal/modules/cjs/loader:1113:19)
  at require (node:internal/modules/cjs/helpers:103:18)
  at requireWithFriendlyError (/Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js:71:10)
  at Object. (/Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js:98:76)
  at Module._compile (node:internal/modules/cjs/loader:1226:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1280:10)
  at Module.load (node:internal/modules/cjs/loader:1089:32)
  at Module._load (node:internal/modules/cjs/loader:930:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/Users/sagekwun/code/live-player/node_modules/.pnpm/rollup@4.14.0/node_modules/rollup/dist/native.js'
  ]
  }
  }

I tried npm i again after removing both package-lock.json and node_modules directory, but it didn't work

Reproduction

Steps to reproduce

No response

System Info

System:
    OS: macOS 13.0
    CPU: (8) arm64 Apple M1 Pro
    Memory: 172.20 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.14.0 - ~/.nvm/versions/node/v18.14.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.14.0/bin/yarn
    npm: 9.3.1 - ~/.nvm/versions/node/v18.14.0/bin/npm
    pnpm: 8.11.0 - ~/.nvm/versions/node/v18.14.0/bin/pnpm
  Browsers:
    Chrome: 123.0.6312.87
    Safari: 16.1
  npmPackages:
    @vitejs/plugin-react: ^4.2.1 => 4.2.1 
    vite: ^5.2.0 => 5.2.7

Used Package Manager

pnpm

Logs

vite --debug
/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js:89
throw new Error(
^

Error: Cannot find module @rollup/rollup-darwin-arm64. npm has a bug related to optional dependencies (npm/cli#4828). Please try npm i again after removing both package-lock.json and node_modules directory.
at requireWithFriendlyError (/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js:89:9)
at Object. (/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js:98:76)
... 3 lines matching cause stack trace ...
at Module._load (node:internal/modules/cjs/loader:930:12)
at ModuleWrap. (node:internal/modules/esm/translators:169:29)
at ModuleJob.run (node:internal/modules/esm/module_job:194:25) {
[cause]: Error: Cannot find module '@rollup/rollup-darwin-arm64'
Require stack:

• /Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1047:15)
  at Module._load (node:internal/modules/cjs/loader:893:27)
  at Module.require (node:internal/modules/cjs/loader:1113:19)
  at require (node:internal/modules/cjs/helpers:103:18)
  at requireWithFriendlyError (/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js:71:10)
  at Object. (/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js:98:76)
  at Module._compile (node:internal/modules/cjs/loader:1226:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1280:10)
  at Module.load (node:internal/modules/cjs/loader:1089:32)
  at Module._load (node:internal/modules/cjs/loader:930:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/Users/sagekwun/.nvm/versions/node/v18.14.0/lib/node_modules/vite/node_modules/rollup/dist/native.js'
  ]
  }
  }

Node.js v18.14.0

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[SageKwun]

And it's supering that my old projects created by the same way is still avaliable

[sapphi-red]

I guess you are using rosetta when calling npm, but not using rosetta when calling node.
If that's the case, running both on rosetta or without rosetta would work.

[kavalcio]

This was my issue. I installed node from nvm running on a terminal not using rosetta. Uninstalling and reinstalling node (this time on a rosetta terminal) resolved it.

https://stackoverflow.com/a/67907214

[baba990aini]

解决方案
https://blog.csdn.net/m0_60845208/article/details/142854295

[vvenv]

Adding "@rollup/rollup-darwin-arm64" as dependency fixes the issue.
yarn add @rollup/rollup-darwin-arm64

[vvenv]

Adding "@rollup/rollup-darwin-arm64" as dependency fixes the issue. yarn add @rollup/rollup-darwin-arm64

And at finally, I found another possible root cause.
If you are using yarn, can also check if the ignore-optional is set to true:

yarn config get ignore-optional

Setting it to false resolve the issue, no additional dependencies are needed:

yarn config set ignore-optional false

[MihaelBercic]

@vvenv Just wondering, can anything about this be done if the npm / node is installed inside a dev container (ubuntu) while the editor and lsp are running on macos (arm)?

Cheers