1

I'm try to use simple-json-loader. I install this from npm and write following function:

onclickExport() {
    var loader = require('simple-json-loader');
    var json = loader.JSONLoader.loadFromFile('wwwroot/dist/data/files.json');
}

Еverything seems simple, but when I run build in webback i see following error:

ERROR in ./~/simple-json-loader/index.js Module not found: Error: Cannot resolve module 'fs' in D:\GitRepo\Magazine\Magazine.Web\node_modules\simple-json-loader @ ./~/simple-json-loader/index.js

Npm package is in the node_modules by valid path. I see it there. Also In debugging of this function i see analogous error. Is any ideas why it is not work?

user6408649
  • 1,227
  • 3
  • 16
  • 40
  • 1
    So it's a server-side package, which won't work client-side (in a browser) unless you're using something like [`BrowserFS`](https://github.com/jvilk/BrowserFS). – robertklep May 31 '17 at 19:02

2 Answers2

0

It sounds like the issue is that the module simple-json-loader is reliant on the built-in Node module fs. fs is a module that performs various file-loading and file system tasks.

Since it looks like you're building in Angular2, which is a front-end (client-side) Javascript framework, this may be an environment issue.

It's not possible for the client-side browser environment to interpret and run some Node modules like fs that are built to be run in a server-side Node environment. (more here)

The solution is to run the simple-json-loader module server-side in a Node environment or to find a package which offers the same functionality but written for the browser.

It's discussed in this question... Module not found: Error: Cannot resolve module 'fs'

And this question... Use fs module in React.js,node.js, webpack, babel,express

jess
  • 769
  • 2
  • 8
  • 15
  • 1
    This is also an interesting thread about fs functionality for the browser. https://stackoverflow.com/questions/46467858/manipulating-the-local-file-system-with-browser-based-javascript-and-node – jess Jan 21 '18 at 18:19
-1

You need to specify target in webpack config:

target: 'node'

And this will work only on server side as node.js program.

oklas
  • 7,935
  • 2
  • 26
  • 42