Error: Module "fs/promises" has been externalized for browser compatibility.

[njaros]

Describe the bug

I need to write a file in the /tmp of the user.
I develop in React for client-side.

How do I do to write in a tmp file then ?? I found nothing on google for it, does fs works if I don't use vite ?

Reproduction

https://stackblitz.com/edit/vitejs-vite-jpakmj?file=main.js,counter.js,index.html&terminal=dev

Steps to reproduce

watch in the developper console with f12 when you click on the count button

System Info

slackblitz.com

Used Package Manager

npm

Logs

promises:3 Uncaught (in promise) Error: Module "fs/promises" has been externalized for browser compatibility. Cannot access "fs/promises.access" in client code. See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.
at Object.get (promises:3:11)
at TmpMan.createKeyVal (TmpMan.ts:25:6)
at Login.tsx:28:25

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.

[bolt-new-by-stackblitz[bot]]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-jpakmj (Open reproduction)

[lingo]

I need to write a file in the /tmp of the user.
I develop in React for client-side.

These two statements are not generally compatible; when running in a browser, there is no access to the user's file system.

Instead, look into the Web Storage API.

This is different if you are developing for Electron, but that's not related to Vite.