Can't resolve 'fs' in '.../node_modules/handlebars/lib'

[jinjin99]

Throwing a error: Can't resolve 'fs' in '.../node_modules/handlebars/lib' when using package that depend on handlebars.

The project built with cra reports this error, but the project built with vite does not.

I get the following error simply by using import handlebars.

Failed to compile.

Module not found: Error: Can't resolve 'fs' in 'cra-demo/node_modules/handlebars/lib'
WARNING in ./node_modules/handlebars/lib/index.js 23:38-56
require.extensions is not supported by webpack. Use a loader instead.

WARNING in ./node_modules/handlebars/lib/index.js 24:2-20
require.extensions is not supported by webpack. Use a loader instead.

WARNING in ./node_modules/handlebars/lib/index.js 25:2-20
require.extensions is not supported by webpack. Use a loader instead.

ERROR in ./node_modules/handlebars/lib/index.js 15:11-24
Module not found: Error: Can't resolve 'fs' in 'cra-demo/node_modules/handlebars/lib'

webpack compiled with 1 error and 3 warnings
No issues found.

My index.js

import handlebars  from 'handlebars';

My package.json

   "handlebars": "^4.7.7"

[jaylinski]

Did you already open an issue in cra-demo?

It is probably related to #1862. See the workaround in the issue description.