vue3 electron 打包后进程通信无效，开发环境正常

最新推荐文章于 2024-08-30 15:08:32 发布

陈龙辉Break

最新推荐文章于 2024-08-30 15:08:32 发布

阅读量716

点赞数 1

分类专栏：技术开发 electron Vue.js 文章标签： electron vue.js javascript

本文链接：https://blog.csdn.net/weixin_44212165/article/details/133082056

版权

技术开发同时被 3 个专栏收录

34 篇文章 0 订阅

订阅专栏

Vue.js

18 篇文章 1 订阅

订阅专栏

electron

1 篇文章 0 订阅

订阅专栏

vue3 electron 打包后进程通信无效，开发环境却正常。
出现这个问题，是因为vue.config.js文件中electronBuilder项没有添加preload属性导致的，解决方式如下：

vue.config.js文件

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: { fallback: { fs: false, path: false } },
  },
  pluginOptions: {
    electronBuilder: {
      //打包配置
      preload: "src/preload.js", //根据项目中的preload.js路径，添加此行就可以了
      builderOptions: {
        productName: "xxx",
        appId: "xxx",
        copyright: "xxx",
        directories: {
          output: "dist_electron",
        },
        nsis: {
          oneClick: false,
          allowElevation: false,
          allowToChangeInstallationDirectory: true,
          installerIcon: "public/favicon.ico",
          uninstallerIcon: "public/favicon.ico",
          installerHeaderIcon: "public/favicon.ico",
          createDesktopShortcut: true,
          createStartMenuShortcut: true,
          shortcutName: "xxx",
          runAfterFinish: false,
        },
        mac: {
          icon: "public/favicon.ico",
        },
        win: {
          icon: "public/favicon.ico",
        },
      },
    },
  },
});