Javascript 为什么Electron应用程序没有'；无法在Windows中加载VueJS？

我用electron构建了一个桌面应用程序，我使用VueJS（以及Firebase）作为所有前端，现在当我编译它并在windows上运行

.exe

时，VueJS根本没有被加载，带有“app”id的div没有显示，所以应用程序没有显示所有内容，即使控制台没有显示任何错误

它可以加载相关的HTML文件，但我找不到方法让它加载通过VueJS制作的应用程序。在开发模式下，它就像一个魔咒，我通过Vue cli运行应用程序，然后在另一个终端上运行electron

以下是main.js中与electron相关的代码：

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)
})

以及与VueJS相关的main.js：

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)
})

---

我花了一天多的时间寻找解决方案，但找不到任何解决方案，感谢您的帮助。

我不确定您是如何构建它的，但我猜您没有正确地指向

index.html

。尝试将其更改为以下内容：

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

编辑： 我还建议您使用vue/electron