desktop可以显示页面，web方式页面空白 #829

gwoods20 · 2025-08-19T06:04:33Z

gwoods20
Aug 19, 2025

项目为electron-vite的react-ts

运行npm run dev后web页面( http://localhost:5173/ )显示空白，按F5刷新，会看到页面的残影，一闪没
但electron desktop的页面可以正常加载

index.html

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Electron</title>
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
    />
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>

electron.vite.config.ts

import { resolve } from 'path'
import { defineConfig, externalizeDepsPlugin, bytecodePlugin } from 'electron-vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin(), bytecodePlugin()]
  },
  preload: {
    plugins: [externalizeDepsPlugin(), bytecodePlugin()]
  },
  renderer: {
    resolve: {
      alias: {
        '@renderer': resolve('src/renderer/src')
      }
    },
    plugins: [react()],
    build: {
      outDir: 'dist/web'
    }
  }
})

main.tsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import { AppProvider } from './contexts/AppContext'

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
    <AppProvider>
      <App />
    </AppProvider>
  </React.StrictMode>
)

即使创建默认工程也没有完成加载

默认工程的web页面

默认工程的electron页面

main.tsx

import './assets/main.css'

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />
  </StrictMode>
)

alex8088 · 2025-09-05T02:08:26Z

alex8088
Sep 5, 2025
Maintainer

https://electron-vite.org/guide/troubleshooting#vue-router-or-react-router-dom-works-in-development-but-not-production

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

desktop可以显示页面，web方式页面空白 #829

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

desktop可以显示页面，web方式页面空白 #829

Uh oh!

Uh oh!

gwoods20 Aug 19, 2025

Replies: 1 comment

Uh oh!

alex8088 Sep 5, 2025 Maintainer

gwoods20
Aug 19, 2025

alex8088
Sep 5, 2025
Maintainer