问题

对于我的使用npx create-electron-app <appname> --template=typescript-webpack创建的电子应用程序，用户需要能够在单击按钮时打开一个新的BrowserWindow示例（而不是您使用window.open()创建的示例）。
由于打开新窗口的主动权来自应用的前端/渲染器，因此我必须使用ipcRenderer向主进程发送消息，然后我可以在主进程中侦听消息，以便打开新的BrowserWindow。
然而，我没有告诉webpack在通过yarn electron-forge start启动应用程序时，也要捆绑所需的preload.js沿着index.js。.webpack文件夹结构应该如下所示：

main
  index.js (main)
  preload.js
renderer
  main_window
    index.html
    index.js (renderer)
  ...

但缺少preload.js，这会导致控制台中出现错误，并且按钮无法正常工作。

启动devserver后，当我手动将preload.js复制到正确的位置（.webpack/main）时，一切都正常，这很好，但这不是一个解决方案。
安装程序
原始的index.ts和preload.js在src文件夹中彼此相邻
我是一个完全的新手，当谈到webpack或其他类似的服务，所以我不知道什么是错的，在我的自动生成的webpack配置。

webpack.主配置文件.js

module.exports = {
  entry: "./src/index.ts",
  module: {
    rules: require("./webpack.rules"),
  },
  resolve: {
    extensions: [".js", ".ts", ".jsx", ".tsx", ".css", ".json"],
  },
};

webpack.渲染器.配置.js

const rules = require("./webpack.rules");
const plugins = require("./webpack.plugins");

rules.push({
  test: /\.css$/,
  use: [
    { loader: "style-loader" },
    { loader: "css-loader" },
    { loader: "postcss-loader" },
  ],
});

module.exports = {
  module: {
    rules,
  },
  plugins: plugins,
  resolve: {
    extensions: [".js", ".ts", ".jsx", ".tsx", ".css"],
  },
};

网页包.插件.js

const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');

module.exports = [new ForkTsCheckerWebpackPlugin()];

网络包.规则.js

module.exports = [
  {
    test: /native_modules\/.+\.node$/,
    use: 'node-loader',
  },
  {
    test: /\.(m?js|node)$/,
    parser: { amd: false },
    use: {
      loader: '@vercel/webpack-asset-relocator-loader',
      options: {
        outputAssetBase: 'native_modules',
      },
    },
  },
  {
    test: /\.tsx?$/,
    exclude: /(node_modules|\.webpack)/,
    use: {
      loader: 'ts-loader',
      options: {
        transpileOnly: true,
      },
    },
  },
];

如果需要的话，我可以提供index.ts和preload.js的源代码，以及从渲染器进程调用方法的文件。我非常确定，尽管它们不是问题所在，因为当我在启动后手动将preload.js注入.webpack/main时，一切都正常。