No such file or directory build\checkin.proto

Hi,

I’m using electron-push-receiver version 2.0.0. When I use ipcRenderer.send(START_NOTIFICATION_SERVICE, senderId); in my renderer process, there is an error in my console window says that; PUSH_RECEIVER:::Error while starting the service { Error: ENOENT: no such file or directory, open '<my path>\build\checkin.proto'

What wrong have I done ?

Thank you,

[hieu-ht]

For someone struggling when integrating this awesome package with your electron project is built with vue-cli-plugin-electron-builder, you need to use a custom webpack config build of the main process, not renderer process, this is vue-cli-plugin-electron-builder docs about that. You need to custom build config with chainWebpackMainProcess Here is my configuration at vue.config.js:

const { defineConfig } = require("@vue/cli-service");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");

module.exports = defineConfig({
  transpileDependencies: true,
  pluginOptions: {
    electronBuilder: {
      preload: "src/preload.ts",
      builderOptions: {
        appId: "...",
        publish: [
          {
            provider: "generic",
            url: "http://127.0.0.1:3005/",
          },
        ],
        mac: {
          category: "public.app-category.business",
          target: ["zip", "dmg"],
        },
        nsis: {
          oneClick: true,
          perMachine: false,
          runAfterFinish: true,
          allowElevation: true,
          deleteAppDataOnUninstall: true,
          menuCategory: true,
        },
        win: {
          target: [
            {
              target: "nsis",
              arch: ["x64"],
            },
          ],
          publisherName: "...",
          legalTrademarks: "...",
          verifyUpdateCodeSignature: false,
        },
      },
      /**
       * work around to fix this issue: https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/1647#issuecomment-1019400838
       * some resources is defined by url in css file can't be loaded on production build (urls start with app:///)
       * docs of package related to this issue: https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/configuration.html#changing-the-file-loading-protocol
       * */
      customFileProtocol: "./",
      externals: ["chokidar"],
      chainWebpackMainProcess: (config) => {
        // Chain webpack config for electron main process only
        config.plugin("copy").use(CopyWebpackPlugin, [
          {
            patterns: [
              {
                from: "node_modules/push-receiver/src/mcs.proto",
                to: "mcs.proto",
              },
              {
                from: "node_modules/push-receiver/src/gcm/android_checkin.proto",
                to: "android_checkin.proto",
              },
              {
                from: "node_modules/push-receiver/src/gcm/checkin.proto",
                to: "checkin.proto",
              },
            ],
          },
        ]);
      },
    },
  },
  css: {
    loaderOptions: {
      scss: {
        additionalData: `@import "@/assets/css/variables.scss";`,
      },
    },
  },
  configureWebpack: {
    // Webpack's configuration applied to web builds and the electron renderer process
    plugins: [
      new NodePolyfillPlugin(),
    ],
  },
});

[pragatijadhav]

I have used copy-webpack-plugin, facing the same issue after generating an executable with electron-builder. Below is the code from my webpack file.