electron-react 通过dialog获得js文件地址如何引用

我想用electron-react做一个框架得工具,需要导入外部得js文件,我通过dialog.showOpenDialog获取到了js得地址,但是无法用require引用这个文件,是哪里得问题
图片说明
图片说明

参考GPT和自己的思路:

首先,需要知道在 electron-react 中,可以使用 nodeIntegration:true 来开启 Node.js 的集成,这样就可以使用 node.js 的模块了,包括 fs、path 等等。另外,需要注意的是,在 electron-react 中使用 require 导入文件时,需要使用相对路径,即:'./filename.js'。

对于引用通过 dialog.showOpenDialog 获取到的文件地址的问题,可以先在渲染进程进行操作,读取此文件后将其传递给主进程,再在主进程中进行引用。示例代码如下:

在渲染进程中:

const { remote } = window.require('electron');
const fs = window.require('fs');

async function openFileDialog() {
  const result = await remote.dialog.showOpenDialog({
      properties: ['openFile'],
      filters: [{ name: 'JavaScript', extensions: ['js'] }]
  });
  const filePath = result.filePaths[0];
  fs.readFile(filePath, 'utf-8', (err, data) => {
      if (err) throw err;
      // 将 data 传递给主进程
      remote.getCurrentWindow().webContents.send('fileData', data);
  });
}

在主进程中:

const { ipcMain } = require('electron');

ipcMain.on('fileData', (event, content) => {
  // 在这里使用获取到的文件内容,注意使用相对路径
  const module = require('./filename.js');
  // ...
});

这样就可以使用获取到的 js 文件内容了。