在 Electron 主线程中使用 'express'，找不到模块

Question

我正在尝试在 main.js 文件中使用 express 库。它在我的开发版本上运行良好，但是当我打包应用程序时，我得到

Error: Cannot find module 'express'

我不太清楚电子主线程是如何工作的，它是否被其他构建工具单独打包，我是否需要手动定义（包含）包？我的应用程序是通过 webpack 打包的，我在 package.json 中包含了库。我找到的每个示例都只包含 express 库并继续，我找不到任何额外的步骤。

package.json

{
  "name": "basic-electron-react-boilerplate",
  "version": "0.7.0",
  "description": "Minimal and modern react+electron+webpack boilerplate",
  "author": "Phillip Barbiero",
  "homepage": "https://github.com/pbarbiero/basic-electron-react-boilerplate",
  "repository": {
    "type": "git",
    "url": "https://github.com/pbarbiero/basic-electron-react-boilerplate.git"
  },
  "build": {
    "appId": "your.id",
    "mac": {
      "category": "your.app.category.type"
    }
  },
  "license": "MIT",
  "main": "main.js",
  "scripts": {
    "prod": "webpack --config webpack.build.config.js && electron --noDevServer .",
    "test": "node  test.js",
    "dev": "webpack-dev-server --hot --host 0.0.0.0 --config=./webpack.dev.config.js",
    "build": "webpack --config webpack.build.config.js",
    "package": "webpack --config webpack.build.config.js",
    "postpackage": "electron-packager ./ --out=./builds",
    "pack": "electron-builder --dir",
    "dist": "electron-builder"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/plugin-proposal-export-default-from": "^7.0.0",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@babel/preset-es2017": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.0.0",
    "babel-core": "^6.24.1",
    "babel-loader": "^8.0.4",
    "babel-plugin-lodash": "^3.3.4",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-es2016": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "babili-webpack-plugin": "^0.1.2",
    "body-parser": "^1.18.3",
    "css-loader": "^0.28.1",
    "electron": "^1.7.8",
    "electron-builder": "^20.28.4",
    "electron-packager": "^9.1.0",
    "express": "^4.16.4",
    "extract-text-webpack-plugin": "^3.0.1",
    "file-loader": "^1.1.5",
    "html-webpack-plugin": "^2.28.0",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "request": "^2.88.0",
    "style-loader": "^0.19.0",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.4.5"
  },
  "dependencies": {
    "electron-fetch": "^1.2.1",
    "electron-require": "^0.3.0",
    "express": "^4.16.4",
    "faker": "^4.1.0",
    "lodash": "^4.17.11",
    "moment": "^2.22.2",
    "rc-time-picker": "^3.4.0",
    "react-async-script-loader": "^0.3.0",
    "react-dropdown": "^1.6.2",
    "react-places-autocomplete": "^7.2.0",
    "request": "^2.88.0",
    "resolve-url-loader": "^3.0.0",
    "semantic-ui-css": "^2.4.1",
    "semantic-ui-react": "^0.82.5",
    "styled-components": "^4.0.2"
  }
}

Answer 1

您可以运行 Electron 中的 Express 服务器。 Here is a sample repo for 运行ning express inside Electron.

您可以将子进程分叉到运行 express 应用，如下所示

app = require("electron").remote.app),
node = require("child_process").fork(
         `${app.getAppPath()}/express-app/bin/www`,
         [],
         {
             stdio: ["pipe", "pipe", "pipe", "ipc"]
         });

这里使用的express应用是使用express-generator生成的。

您的方法的问题是您正在为 Electron 和 Express 维护一个 package.json 文件。检查 Electron-React-Boilerplate，这里我有两个单独的 npm 安装位置，一个单独用于 Electron，另一个用于 React 的东西。 Electron-packager 和 Electron-builder 使用这种模式工作。这就是您在主线程上的进程抛出

的原因

Error: Cannot find module 'express'

在 Electron 主线程中使用 'express'，找不到模块

Using 'express' inside Electron main thread, cannot find module

express

electron

electron-builder