我正在尝试使用React创建一个Electron应用程序。我使用Webpack来编译React JSX语法，但是当我尝试使用命令编译时，出现此错误：webpack
未找到 ./app.jsx module中的错误：错误：无法解析 /Users/masterT/Downloads/gist 中的module“电子”
@ ./app.jsx 6:18-37
这是应用程序代码。
我做错了什么？
谢谢！
将 webpack 用于 Electron 应用程序的捆绑错误`无法解析module'电子'`
IT技术
node.js
reactjs
webpack
electron
2021-04-15 18:27:45
5个回答
一个非常简单的解决方案：
const remote = window.require('electron').remote;
webpack 会忽略这个要求
Webpack 尝试electron使用已安装的 node_modules解析module。但是该electronmodule在运行时在 Electron 本身中解析。因此，您必须像这样从 webpack 捆绑中排除特定module：
webpack.config.js：
module.exports = {
entry: './app.jsx',
output: {
path: './built',
filename: 'app.js'
},
target: 'atom',
module: {
loaders: [
{
loader: 'babel',
test: /\.jsx$/,
query: {
presets: ['es2015', 'react']
}
}
]
},
externals: [
(function () {
var IGNORES = [
'electron'
];
return function (context, request, callback) {
if (IGNORES.indexOf(request) >= 0) {
return callback(null, "require('" + request + "')");
}
return callback();
};
})()
]
};
您可以target: 'electron'在 webpack 配置中进行设置，然后您不必在外部排除电子。
来自webpack 文档：
"electron"编译在Electron中使用- 支持require-ing Electron 特定module。
另外，webpack.config.js：
const nodeExternals = require('webpack-node-externals')
module.exports = {
...
externals: [ nodeExternals(), 'react', 'electron' ],
...
}
您的 package.json 有“电子预建”，但您的代码中需要“电子”。您是否尝试过要求“电子预构建”？