Vue CLIのElectronアプリでエラー。Uncaught (in promise) Error: The parameter 'app' was not passed in.

Question

Vue CLIでElectronアプリを作成しています。
puppeteerを利用する過程で下記のようなエラーがでるのですが、原因が全くわかりません。

Uncaught (in promise) Error: The parameter 'app' was not passed in. This may indicate that you are running in node rather than electron.
    at Object.exports.initialize (index.js?5363:34)
    at _callee$ (App.vue?234e:186)
    at tryCatch (runtime.js?96cf:63)
    at Generator.invoke [as _invoke] (runtime.js?96cf:293)
    at Generator.eval [as next] (runtime.js?96cf:118)
    at asyncGeneratorStep (asyncToGenerator.js?1da1:3)
    at _next (asyncToGenerator.js?1da1:25)
    at eval (asyncToGenerator.js?1da1:32)
    at new Promise (<anonymous>)
    at eval (asyncToGenerator.js?1da1:21)

App.vueファイルには下記のように記述して呼び出しています。

import { app, BrowserWindow} from 'electron'
const pie = require("puppeteer-in-electron");
const puppeteer = require("puppeteer-core");

export default {
    name: "App",
    components: {
        /*HelloWorld*/
    },
    data() {

--- Abbreviation ---

下記は実際にpuppeteerを実行する際の記述ですが、
ここでのapp変数の使用時点でエラーが発生しているように思われます。

(async () => {
    await pie.initialize(app);
    const browser = await pie.connect(app, puppeteer);

    --- Abbreviation ---
});

一点気になっているのは、下記のようにVue CLIがbackground.jsにてelectronを呼び出している記述がありますが、
App.vueにおいて再度electronモジュールを呼び出しても問題ないのかという点が疑問です。
何かエラーの原因が分かる方がいらっしゃいましたらお知恵をお貸しいただけると助かります。

import { app, protocol, BrowserWindow } from 'electron'

Answer 1

どのように解決したか忘れましたが、解決済みとします。