我正在尝试使用 React 创建一个 Electron 应用程序。我使用 Webpack 编译 React JSX 语法,但是当我尝试使用命令进行编译时,出现了以下错误: __webpack
webpack
./app.jsx中的错误找不到模块:错误:无法在/ Users / masterT / Downloads / gist中解析模块’electron’ @ ./app.jsx 6:18-37
./app.jsx中的错误找不到模块:错误:无法在/ Users / masterT / Downloads / gist中解析模块’electron’
@ ./app.jsx 6:18-37
这是应用程序代码。
我做错了吗?
谢谢!
Webpack尝试electron使用已安装的node_modules 解析模块。但是该electron模块在运行时由Electron本身解决。因此,您必须像这样从webpack捆绑中排除特定的模块:
electron
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(); }; })() ] };