Как изменить порт по умолчанию для электронной кузницы?

Question

Я не могу найти ссылку об этом нигде на их веб-сайте / в документах. Мне нужно изменить это на другой порт, в настоящее время он застрял в 3000.

Вот как я создаю электронный проект с electron-forge

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

и всякий раз, когда есть другой сервис в порту 3000 Выдает ошибку:

listen EADDRINUSE :::3000
Error: listen EADDRINUSE :::3000
    at Server.setupListenHandle [as _listen2] (net.js:1360:14)

мой webpack.main.config.js файл:

const path = require('path');
module.exports = {
  entry: './src/index.ts',
  // Put your normal webpack config below here
  module: {
    rules: require('./webpack.rules')
  },
  resolve: {
    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json']
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 9000
  }
};

Answer 1

Я только начал использовать электронную кузницу и столкнулся с той же проблемой, и казалось, что электрон / веб-пакет игнорирует мое значение devServer.port.

После нахождения это делает c для конфига электрон-кузница я понял, что devServer.port, вероятно, перезаписан электронно-кузнечным, и значения для конфига были установлены в пакете. 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://webpack.js.org/configuration/dev-server/