使用webpack打包Electron主进程脚本出现indexOf未定义错误如何解决

• 最核心的原因是webpack版本兼容性问题：webpack 5已经废弃了顶层node配置项，你当前写在配置根节点的node: { __dirname: true }规则不会生效，导致打包后的代码中__dirname为undefined，如果你的主进程代码中存在对文件路径调用indexOf方法的逻辑，就会触发该报错。
• 次要可能性：externals配置写法不规范，导致加载外置依赖时返回了undefined，后续代码调用该依赖的方法或属性时触发报错。

1. 调整webpack配置的全局变量规则，将顶层node配置迁移到output节点下，适配webpack 5的语法规范。
2. 统一externals的写法，使用标准的commonjs外置声明，避免依赖加载异常。
3. 可选配置sourcemap，方便后续定位其他潜在报错。

修复后的完整配置参考：

const path = require("path");

module.exports = {
    entry: "./src/main/index.js",
    mode: "development",
    devtool: 'inline-source-map',
    output: {
        path: path.join(__dirname, "app"),
        filename: "index.js",
        // webpack5 全局变量配置移到output.node下
        node: {
            __dirname: true,
            __filename: false
        }
    },
    target: "electron-main",
    externals: {
        "bufferutil": "commonjs bufferutil",
        "utf-8-validate": "commonjs utf-8-validate",
        "fsevents": "commonjs fsevents",
        "@analytics/segment":"commonjs @analytics/segment"
    }
}

内容的提问来源于stack exchange，提问作者hasan