SOLVED: Webpack warning about not found "fs" module

I get the following warning when building my webapp with webpack:

[1] WARNING in ../node_modules/tfjs-image-recognition-base/build/es6/env/initialize.js
[1] Module not found: Error: Can't resolve 'fs' in '/Users/username/project/node_modules/tfjs-image-recognition-base/build/es6/env'
[1]  @ ../node_modules/tfjs-image-recognition-base/build/es6/env/initialize.js
[1]  @ ../node_modules/tfjs-image-recognition-base/build/es6/env/index.js
[1]  @ ../node_modules/tfjs-image-recognition-base/build/es6/index.js
[1]  @ ../node_modules/face-api.js/build/es6/index.js
[1]  @ ./src/index.tsx

I had to add the following to my webpack config to suppress the warning:

node: {
   fs: "empty"
}

It’s weird because the target in my webpack config is set to web.

Am I doing something wrong? If not, this issue may help other people with the same warning.

[maccuaa]

For webpack 5 you need:

resolve: {
    fallback: {
      fs: false
    }
  }

This really should be fixed in this lib though. Having to do this in my webpack config is clunky.

[justadudewhohacks]

Thanks for reporting your solution!

It’s because webpack sees the require(‘fs’) in the code, but although it won’t be required in a browser environment. face-api.js is not only a library for the browser anymore, if you are running in a nodejs environment fs will be required and used for reading model files from disk.