javascript - 为什么 Electron App 在 Windows 中不加载 VueJS？

Question

我用 electron 构建了一个桌面应用程序，我在所有前端使用 VueJS(以及 Firebase)，现在当我编译它并运行 .exe在 Windows 上 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)
})

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

Answer 1

我不确定您是如何构建它的，但我猜您没有正确指向 index.html。试着把它改成这样:

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

编辑:另外我建议你使用 vue/electron boilerplate