"如何更改電子鍛造默認端口？"

Question

我在他們的網站\/文檔中的任何地方都找不到關於此的參考。 我需要將其更改為另一個端口，目前它卡在 3000 中。

這是我使用electron-forge<\/code>創建電子項目的方法

yarn create electron-app my-new-app --template=typescript

Answer 1

我剛開始使用electron-forge 並遇到了同樣的問題，而且electron/webpack 似乎忽略了我的devServer.port值。

在找到這個電子鍛造配置的文檔后，我意識到devServer.port可能被電子鍛造覆蓋了，並且配置的值是在 package.json 中設置的。 這是我的：

{
  "name": "my-project",
  // ...
  "config": {
    "forge": {
      "packagerConfig": {},
      "makers": [
        // ...
      ],
      "plugins": [
        [
          "@electron-forge/plugin-webpack",
          {
            "mainConfig": "./webpack.main.config.js",
            "renderer": {
              "config": "./webpack.renderer.config.js",
              "entryPoints": [
                {
                  "html": "./src/index.html",
                  "js": "./src/renderer.js",
                  "name": "main_window"
                }
              ]
            },

            // the secret sauce:
            "port": 3001,
            "loggerPort": 9001
          }
        ]
      ]
    }
  }
}

Answer 2

按照此處的說明為您的項目設置 Webpack 配置（如果尚未完成）： https ://www.electronforge.io/config/plugins/webpack

然后，按照此處的說明更改devServer.port選項： https : devServer.port

Answer 3

作為對這個問題的更新，我無法復制最受好評的答案，並最終通過在另一篇文章中實現此答案，以稍微不同的方法更改了默認端口。

使用 webpack devServer 進行電子鍛造<\/a>