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

Question

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

错误：找不到模块“express”

我不太确定电子主线程是如何工作的，它是否由其他构建工具单独打包，我是否需要手动定义（包含）包？我的应用程序由 webpack 打包，并且我在package.json 中包含了库。我发现的每个示例都只包含快速库并继续前进，我找不到任何其他步骤。

包.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 服务器。这是在 Electron 内运行 Express 的示例存储库。

您可以分叉子进程来运行 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 使用此模式工作。这就是主线程上的进程抛出异常的原因

错误：找不到模块“express”