在React Component中导入BrowserWindow

Question

我正在尝试在反应组件文件中导入BrowserWindow。

import { BrowserWindow } from 'electron';

class SomeComponent extends React.Component {
  ...
}

export default SomeComponent

我正在使用Webpack和Babel进行编译以翻译ES6代码。但是，当我添加import语句时，我收到来自webpack的错误

  

找不到模块：错误：无法解析'fs'/ root_path / project_name / node_modules / electron

但是，我在根目录的main.js中使用了类似的语句，我能够导入BrowserWindow而没有任何错误

//main.js

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

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

Answer 1

我找到了问题的答案。

我可以使用window.require导入组件文件中的BrowserWindow。

例如：

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