Module not found: Error: Can't resolve 'fs' in xxx

[dwebfan]

Got this failure in recent upgrade. I've tried some solutions, such as webpack-contrib/css-loader#447, but unlucky so far. Can you help?

Compiled with problems:X

ERROR in ./node_modules/argon2-browser/dist/argon2.js 49:26-39

Module not found: Error: Can't resolve 'fs' in '/frontend/node_modules/argon2-browser/dist'

[Cajuteq]

Hi, I had the same problem and used browser compatible deps as placeholders for the fs, path, and crypto packages. Hopes this can help you.

  "dependencies": {
    ...  
    "crypto": "npm:crypto-browserify",
    "crypto-browserify": "^3.12.0",
    "fs": "npm:fs-browsers",
    "fs-browsers": "^1.1.6",
    "path": "npm:path-browserify",
    "path-browserify": "^1.0.1",
    ...
  }

[dangtony98]

Wonder if there's a better way around this ... I'd prefer to stay away from introducing new dependencies to solve this issue.

@antelle would you have any solutions for this? - I'm running a Next.js application and need to use argon2-browser.

Edit:

The example provided in this repo worked perfectly for nextjs

[glihm]

Did you try to disable those in the package.json file?

"browser": {
    "fs": false
},

@dangtony98 the example you linked is doing exactly this in the configuration file next.config.js:

if (!isServer) {
  config.resolve.fallback.fs = false;
}

[valerius21]

Could not find any of the solutions above to get them to work on NextJS 14. I'm using it with skiff-crypto

[vladdg-dev]

Argon2 needs to run on a Node.js server. Therefore, if you want to get rid of this error in Next.js, specifically with the new App Router, you need to add 'use server' at the top of your file where you import and use it.