找不到模块“fs”。使用 simple-json-loader

Question

我正在尝试使用simple-json-loader。我从 npm 安装它并编写以下函数：

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

一切看起来很简单，但是当我在 webback 中运行构建时，我看到以下错误：

./~/simple-json-loader/index.js 中的错误 找不到模块：错误：无法解析 D:\GitRepo\Magazine\Magazine.Web\node_modules\simple-json-loader 中的模块“fs” @ ./~/simple-json-loader/index.js

Npm 包通过有效路径位于 node_modules 中。我在那里看到。 此外，在调试此功能时，我看到了类似的错误。 有什么想法为什么它不起作用？

Answer 1

你需要在 webpack 配置中指定target：

target: 'node'

这只能在服务器端作为 node.js 程序工作。

Answer 2

听起来问题在于模块simple-json-loader 依赖于内置的Node 模块fs。 fs 是一个执行各种文件加载和文件系统任务的模块。

由于您似乎是在 Angular2 中构建的，它是一个前端（客户端）Javascript 框架，这可能是一个环境问题。

客户端浏览器环境无法解释和运行某些 Node 模块，例如 fs，这些模块是为在服务器端 Node 环境中运行而构建的。 (more here)

解决方案是在 Node 环境中运行simple-json-loader 模块服务器端，或者找到一个提供相同功能但为浏览器编写的包。

在这个问题中讨论过...... Module not found: Error: Cannot resolve module 'fs'

而这个问题... Use fs module in React.js,node.js, webpack, babel,express