我正在使用 Nuxt 3 和 Electron JS，但为什么构建应用程序会导致启动时出现白屏？

Question

大家好，

我正在尝试从我的 ElectronJS/Nuxt 3 应用程序中构建一个版本。我只看到一个白色的屏幕。我已经尝试过 SO 中提到的 hashmode 选项，但它仍然不起作用。我做错了什么以至于它仍然不起作用？我将我的代码粘贴在下面，看看是否有人可以帮助引导我走向正确的方向。我分析了这些文件，问题出在 vue-router 中，特别是它如何将资源文件的路径设置为

file:///

而不是绝对路径。

这是我的 nuxt.config.ts：

export default defineNuxtConfig({
  ssr: false,
  router: {
    options: {
      hashMode: true
    }
  },
  app: {
    baseURL: './',
  },
  modules: ['nuxt-primevue', 'nuxt-electron'],
  css: ['~/assets/theme.css', '~/assets/styles.css'],
  electron: {
    build: [
      {
        // Main-Process entry file of the Electron App.
        entry: 'electron/main.ts',
      },
      {
        entry: 'electron/preload.ts',
        onstart(options) {
          // Notify the Renderer-Process to reload the page when the Preload-Scripts build is complete, 
          // instead of restarting the entire Electron App.
          options.reload()
        },
      },
    ],
    renderer: {},
  }
})

我将不胜感激。谢谢。

Answer 1

如果您使用的是 Nuxt 3.8，请尝试降级到 Nuxt 3.7。