問題描述

我需要在文件中寫入一些數據，使用 FS 模塊 (fs.writeFile).我的堆棧是 webpack + react + redux + electron.

I need write some data in the file, using FS module (fs.writeFile). My stack is webpack + react + redux + electron.

第一個問題是:無法解析模塊fs".我嘗試使用

The first problem was: Cannot resolve module 'fs'. I tried to use

target: "node",
---
node: {
    global: true,
    fs: "empty",
}
---
resolve: {
    root: path.join(__dirname),
    fallback: path.join(__dirname, 'node_modules'),
    modulesDirectories: ['node_modules'],
    extensions: ['', '.json', '.js', '.jsx', '.scss', '.png', '.jpg', '.jpeg', '.gif']
},

經過多次嘗試，問題得到解決(node: {fs: "empty"}).但隨后出現了第二個問題:截圖.

After several attempts, the problem is resolved ( node: {fs: "empty"} ). But then there was a second problem: screenshot.

//In method componentDidMount (React)
console.log('fs', fs);
console.log('typeOf', typeof fs.writeFile);

//By clicking on the button
console.log(fs);
console.log(typeof fs.writeFile);

可以看到，fs是空對象，不存在writeFile方法.我試圖改變 webpack 的配置.

You can see, that fs is empty object, and method writeFile no exists. I tried to change the webpack's configuration.

const path = require('path');
const fs = require('fs');
const webpack = require("webpack");
console.log(fs);

在這種情況下 fs 不為空.

In this case fs is not empty.

如何解決這個問題?有什么想法嗎?

How to solve this problem? Any ideas?

推薦答案

問題解決了.

需要在電子應用程序中使用(添加捆綁包的地方):

Need use in electron app (where you add the bundle):

var remote = require('electron').remote;
var electronFs = remote.require('fs');
var electronDialog = remote.dialog;

這篇關于如何在 Electron.AtomWebPack 應用程序中使用 FS 模塊?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！