如何在打字稿中使用电子引用节点 fs API？

Question

我创建了一个基于 this link 的电子应用程序（但使用了最近的模块）。

我想创建一个简单的桌面应用程序，我需要打开一些本地文件。我知道有用于此的节点 fs API，但我无法正确引用它。

这是我尝试过的：

• 基于 Stackoverflow 中的this queston，我尝试像这样导入和使用 fs：

  ///<reference path="../typings/node/node.d.ts"/>
  import fs = require('fs');
  fs.readFileSync('foo.txt','utf8');
  

  结果，当我调用 npm run build

  时，我得到一个 Module not found: Error: Cannot resolve module 'fs'

• 然后我在 webpack.config.js 中添加了以下几行（我在某处读过）：

  node: {
    fs: "empty"
  },
  

  然后 npm run build 命令没问题，但是我在 electron 的开发者工具中在运行时看到以下错误：TypeError: fs.readFileSync is not a function

我是这个主题的新手，如果有人能帮助我如何正确引用节点的 fs API，我将不胜感激。

Answer 1

你需要在你的 Webpack 配置中设置target: 'electron-renderer'，如果之后你仍然有问题，请查看https://github.com/chentsulin/electron-react-boilerplate