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

Question

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

Answer 1

参考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 文件内容了。