Reactjs 在React组件中导入浏览器窗口

我正在尝试在react组件文件中导入

BrowserWindow

import { BrowserWindow } from 'electron';

class SomeComponent extends React.Component {
  ...
}

export default SomeComponent

我正在使用

Webpack

和

Babel

编译ES6代码。但是，当我添加import语句时，我从webpack中得到一个错误

找不到模块：错误：无法解析“fs”/root\u path/project\u name/node\u modules/electron

然而，我在根目录的

main.js

中使用了类似的语句，并且我能够导入BrowserWindow而没有任何错误

//main.js

const { app, BrowserWindow } = require('electron');

---

我尝试在react组件中使用ES5语法，但仍然得到相同的错误

我找到了问题的答案

我可以使用

window.require

在我的组件文件中导入

BrowserWindow

例如：

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

---

尝试此操作时，会出现以下错误：

uncaughttypeerror:window.require不是一个函数

，它是由渲染器（React组件）引发的。你知道这可能是什么原因吗？