vue-electron-builder项目引入mongoose时出现报错求助

1. 先修复await语法错误 #

所有await调用必须包裹在async函数内部，检查你的background.js代码，调整写法：

// 错误示例：async函数外使用await
const conn = await mongoose.connect('mongodb://localhost:27017/your-db');

// 正确写法
async function initDB() {
  try {
    await mongoose.connect('mongodb://localhost:27017/your-db');
    console.log('数据库连接成功');
  } catch (err) {
    console.error('数据库连接失败:', err);
  }
}

// 在Electron应用就绪后执行数据库初始化
app.whenReady().then(() => {
  initDB();
  // 其他启动逻辑
});

2. 配置Vue CLI外部化Mongoose及依赖模块 #

在vue.config.js中修改electron-builder配置，将Mongoose及其依赖的原生Node模块排除在Webpack打包范围外（这类模块不需要打包，直接在运行时加载）：

module.exports = {
  pluginOptions: {
    electronBuilder: {
      externals: ['mongoose', 'mongodb', 'bson', 'kerberos', 'mongodb-client-encryption'],
      nodeIntegration: true,
      mainProcessFile: 'src/background.js', // 确认主进程文件路径与项目一致
      builderOptions: {
        // 可选：打包时将依赖模块复制到输出目录
        extraResources: [
          { from: 'node_modules/mongoose', to: 'node_modules/mongoose' },
          { from: 'node_modules/mongodb', to: 'node_modules/mongodb' }
        ]
      }
    }
  },
  configureWebpack: {
    resolve: {
      fallback: {
        "fs": false, // Electron主进程自带fs，无需polyfill
        "path": require.resolve("path-browserify") // 解决路径模块缺失问题
      }
    }
  }
};

3. 调整Webpack加载规则（若仍有加载器错误） #

添加规则跳过对Mongoose依赖模块的Babel转译，避免加载器报错：

module.exports = {
  // 保留之前的配置...
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules\/(mongoose|mongodb|bson)/,
          use: 'babel-loader'
        }
      ]
    },
    // 保留fallback配置...
  }
};

4. 清理缓存并重新构建 #

执行以下命令重置依赖并重新构建项目：

rm -rf node_modules package-lock.json
npm install
npm run electron:build

额外注意事项 #

• 检查Mongoose版本与Electron内置Node版本兼容性：通过electron -v查看Electron版本，对应Node版本可在Electron官网查询，选择兼容的Mongoose版本（例如Mongoose 7.x+支持Node 16+）。

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