在React Component中導入BrowserWindow

Question

我試圖在反應組件文件中導入BrowserWindow。

import { BrowserWindow } from 'electron'; 

class SomeComponent extends React.Component { 
    ... 
} 

export default SomeComponent 

我使用Webpack和Babel編譯翻譯的ES6代碼。但是，當我添加import語句，我得到的WebPack一個錯誤說

Module not found: Error: Can't resolve 'fs' /root_path/project_name/node_modules/electron

但是，我在根目錄下使用了類似的聲明中main.js，並且我能夠導入BrowserWindow沒有任何錯誤

//main.js 

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

我試圖在反應組件中使用ES5語法，但仍然得到相同的錯誤。

Answer 1

我找到了我的問題的答案。

我可以使用window.require在我的組件文件中導入BrowserWindow。

例如：

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