Как мне использовать require ('electronic') в квазар-компоненте?

Question

Как получить доступ к основному электронному процессу fs-модуля из модуля рендерера, как vue-компонент, работающий в среде Quasar.

Я пробовал несколько вариантов компонента со следующей ошибкой:

const { app } = require('electron')

vue-router.esm.js? 8c4f: 1897 Ошибка типа: fs.existsSync не является функцией

const { app } = window.require('electron')

TypeError: window.require не является функцией

Посмотрев на то, что я смог найти через моего друга Google, я все еще ищу ответ о том, как получить доступ к основным функциям электрона из компонента vue, работающего в рамках квазара. Кто-нибудь ... кто-нибудь? Я видел несколько примеров github-файлов исследователей, но на основе электронной документации кажется, что реализация простого вызова чего-то вроде fs.readdirSync () должна быть намного проще, чем то, что я вижу в этих реализациях.

Answer 1

Ответ был за пределами моего понимания того, как все эти компоненты работают вместе.Надеемся, что это поможет кому-то еще просто приступить к разработке приложения Quasar / Vue / Electron.Если вы запускаете свое приложение / веб-сайт, используя

quasar dev

, вы получаете браузер (средство визуализации), который связывается с основным электронным процессом, который не может обрабатывать основные процессы узла, такие как:

const electron = require('electron')
const fs = require('fs')

const files = fs.readdirSync('/')
console.log(files)

• Я не мог найти ясный, краткий и простой способ.Похоже, что есть конфигурация webpack, которая может обеспечить такую ​​же «глубокую» интеграцию, но я искал более готовое решение.

Если вы запускаете свое приложение

quasar dev -m electron

Вы получаете глубокую интеграцию и теперь можете 'require ()' или импортировать вышеупомянутые модули в компонентах Vue в вашем приложении Quasar.

Answer 2

const electron = require('electron')