create-react-app和electron报错fs.existsSync is not a function

将create-react-app与electron创建出的一个项目中。React中无法使用electron

当在React中使用require(‘electron’)时就会报
Uncaught TypeError: fs.existsSync is not a function at getElectronPath (index.js:8)
因为React中无法使用Node.js的模块.
所以,百度了下:方案如下

  1. 创建renderer.js文件
global.electron = require('electron');
  1. 修改main.js文件

修改创建浏览器的入口代码,添加preload配置项。将renderer.js作为预加载文件

win = new BrowserWindow({
        width: 1000,
        height: 800,
        webPreferences: {
            javascript: true,
            plugins: true,
            nodeIntegration: true, // 是否集成 Nodejs
            webSecurity: false,
            preload: path.join(__dirname, '../public/renderer.js') // 但预加载的 js 文件内仍可以使用 Nodejs 的 API
        }
    })
  1. 在React组件中如下使用electron

    const electron = window.electron;

因为要使用进程通讯,所以可以在渲染进

评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值