Почему приложение Electron не загружает VueJS в Windows?

Question

Я создал настольное приложение с электронным приложением и использовал VueJS (вместе с Firebase) для всего внешнего интерфейса, теперь, когда я компилирую его и запускаю .exe в windows VueJS не загружается ввсе, div с идентификатором "app" не отображается, поэтому все приложение не отображается, хотя консоль не отображает никаких ошибок.

Он может загружать связанные файлы HTML, но я не могу 'найти способ загрузить приложение, созданное через VueJS. В режиме разработки это работает как чудо, я запускаю приложение через Vue-cli и затем запускаю электрон в другом терминале.

Вот код в main.js, связанный с электроном:

const electron = require('electron')
const app = electron.app
const BrowserWindow = electron.BrowserWindow

let url
if (process.env.NODE_ENV === 'DEV') {
  url = 'http://localhost:8080/#/'

} else {
url = `file://${process.cwd()}/resources/app/public/index.html`
}

app.on('ready', () => {
  let window = new BrowserWindow({width: 800, height: 600})

  window.loadURL(url)
})

И main.js, связанные с VueJS:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './registerServiceWorker'
import ArgonDashboard from './plugins/argon-dashboard'
window.Event = new Vue();
Vue.config.productionTip = false

Vue.use(ArgonDashboard)
new Vue({
  router,
  render: h => h(App)
})

Я потратил больше дня на поиск решения, но не могу найти ни одного, спасибо за вашу помощь.

Answer 1

Я не уверен, как вы его строите, но, думаю, вы не указали на index.html должным образом. Попробуйте изменить это на что-то вроде этого:

const url = process.env.NODE_ENV === 'DEV' ? `http://localhost:8080/#/` : `file://${__dirname}/index.html`

РЕДАКТИРОВАТЬ: Также я предлагаю вам использовать шаблон Vue / Electron