When building for target web with webpack - Error: Cannot find module 'fs'

[vishalsatam]

I am working on an existing NodeJs web application that builds using webpack. I'm trying to add monaco-editor/react for which I need to use this package.

Package structure ... Webapp package (webpack build) -> dependencyConsumingPackage (Create React App (CRA) application) -> vscode-json-languageservice

I keep getting the below error. How do I get around this issue? Is it possible to build this package into webpack with target web (for a webapp) and how?

I saw a couple of suggestions that mentioned that I should build with target node to get around this. I can't do this because I'm trying to depend on this in a web application.
Another suggestion was to disable fs by adding node: { fs: 'empty' }, but this also did not work.

angular.js:15635 
        
       Error: Cannot find module 'fs'
    at webpackMissingModule (main.js:8:1)
    at Object.<anonymous> (main.js:8:1)
    at ./node_modules/dependencyConsumingPackage/node_modules/vscode-nls/lib/main.js (main.js:499:1)
    at __webpack_require__ (bootstrap:789:1)
    at fn (bootstrap:100:1)
    at ./node_modules/dependencyConsumingPackage/node_modules/vscode-json-languageservice/lib/esm/parser/jsonParser.js (jsonParser.js:1:1)
    at __webpack_require__ (bootstrap:789:1)
    at fn (bootstrap:100:1)
    at ./node_modules/dependencyConsumingPackage/node_modules/vscode-json-languageservice/lib/esm/services/jsonCompletion.js (jsonCompletion.js:1:1)
    at __webpack_require__ (bootstrap:789:1)