在Electron + React + Webpack设置中找不到模块'electron'

Question

我正在使用React + Electron + Webpack创建一个应用程序，但是在尝试使用Electron模块时，出现了错误提示“找不到模块'electron'。

我的React组件之一中包含以下示例代码：-

const shell = window.require("electron").shell;
shell.showItemInFolder("C:\\Logs");

我已经提到了SO中与webpack和Electron有关的许多问题，但是似乎没有一种解决方案适合我。

当我尝试以下代码时：-

require('electron-prebuilt')

它使我回到了电子可执行文件的路径。

Answer 1

webpack的配置中有一个target选项，需要将其设置为electron. 像这样：

var config = {
    target: 'electron',
    entry: __dirname + '/main.js',
    output: {
        path: __dirname + '/dist/',
        filename: 'bundle.js'
    },
    ...
};

module.exports = config;