打包的 Electron App 无法找到节点模块

楚克瓦贡

我有一个使用electron-forge设置的电子项目该应用程序在本地运行良好,我正在尝试将其打包以在各种操作系统上分发。但是,当我打包和编译应用程序并尝试运行它时,我收到如下cannot find module ...错误:

A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot find module 'electron-compile'
    at Module._resolveFilename (module.js:470:15)
    at Function.Module._resolveFilename (/usr/lib/my-app/resources/electron.asar/common/reset-search-paths.js:35:12)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/usr/lib/my-app/resources/app/es6-shim.js:4:23)
    at Object.<anonymous> (/usr/lib/my-app/resources/app/es6-shim.js:10:3)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)

我的构建过程如下:

  1. 用于webpack将电子组件捆绑到一个文件中
  2. 打包并编译使用 electron-forge

webpack.config.js

const path = require('path');
const webpack = require('webpack');

module.exports = {
  target: 'electron-main',
  resolve: {
    extensions: ['.js']
  },
  entry: [`${__dirname}/src/main.js`],
  output: {
    path: `${__dirname}/dist`,
    filename: 'main.js'
  },
  module: {
    exprContextCritical: false,
    rules: [
      {
        exclude: /node_modules/,
        test: /.(ui.js|s?css|html|png|jpe?g|ico|svg)$/,
        use: 'ignore-loader'
      }
    ]
  }
};

配置文件

const path = require('path');

module.exports = {
  "make_targets": {
    "win32": ["squirrel"],
    "linux": ["deb"]
  },
  "electronPackagerConfig": {
    "dir": 'dist',
    "ignore": [
      "src/scss",
      ".*scss",
      "README.md",
      ".gitignore",
      ".nvmrc",
      "gulpfile.js",
      "forge.config.js"
    ]
  },
  "electronInstallerDebian": {
    "icon": {
      "scalable": path.join(__dirname, 'src/assets/icons/debian/Icon.svg')
    },
    "productName": "MyProduct"
  },
  "electronWinstallerConfig": {
    "iconUrl": path.join(__dirname, 'src/assets/icons/windows/Icon.ico'),
    "name": "MyProduct"
  }
};

我在这里做错了什么?似乎electron.asar构造的 不知道如何/在哪里找到某些 node_modules,但我的印象是它们将包含在由webpack.

OJ权

您不能将 webpack 用于通过electron-forge. 这不是不可能的事情,但是您需要各种自定义配置才能使其工作。

electron-forge是基于 构建的electron-compile,它在电子过程中注册了动态转译钩子。当您通过电子伪造的预设构建脚本构建包时,它将生成正确的依赖项集以及您的模块依赖项。electron-compile是之一,它是强制性的必需依赖项,但您的 webpack 配置破坏了这些。

TL:博士;

  1. electron-forge 有自己的流量
  2. 运行 webpack 然后 pkg viaforge可以破坏东西。

我建议只采用一种方式(在 webpack 与 forge 之间),自定义混合它对于第一次设置来说不是微不足道的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章