gpt4 book ai didi

reactjs - 我如何使用 fs 与 Electron react ?

转载 作者:行者123 更新时间:2023-12-03 13:15:32 25 4
gpt4 key购买 nike

我想使用react+webpack+electron来构建一个桌面应用程序。如何将fs模块注入(inject)到react中以便我可以使用它来读取原生文件?我有一个组件,例如:

class Some extends Component {
render() {
return <div>{this.props.content}</div>
}
}
export default Some;

entry.js中:

import React from 'react';
import { render } from 'react-dom';
import Some from './src/some.jsx';

const data = "some content";
/*
How can I read data by fs module?
import fs from 'fs' doesn't work here
*/
render(
<Some content={data} />,
document.getElementById('app')
);

我使用webpack将js代码构建到bundle.js中,并在index.html中

...
<div id="app"></div>
<script src="bundle.js"></script>
...

webpack.config.js中:

...
plugins: [new webpack.IgnorePlugin(new RegExp("^(fs|ipc)$"))]
...

我在网上找到了这个配置,因为如果我不添加它,webpack会报告错误,但我不知道这意味着什么。

我有一个非常简单的 main.js ,它与 electro-quick-start 的 main.js 相同

我会失去一些重要的东西吗?

如果您能提供 github 存储库上现有的示例,那就更好了。

最佳答案

使用window.require()而不是require()

const fs = window.require('fs');

关于reactjs - 我如何使用 fs 与 Electron react ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35428639/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com