在 React 组件中导入 BrowserWindow答案

【问题标题】：import BrowserWindow in React Component在 React 组件中导入 BrowserWindow
【发布时间】：2017-03-19 08:25:40
【问题描述】：

我正在尝试在 react 组件文件中导入 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 语法，但仍然遇到同样的错误。

【问题讨论】：

【解决方案1】：

我找到了问题的答案。

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

例如：

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

【讨论】：

当我尝试这个时，我收到以下错误：Uncaught TypeError: window.require is not a function，这是由渲染器（React 组件）抛出的。你知道是什么原因造成的吗？