Electron-vite预览显示空白屏幕。

huangapple go评论151阅读模式
英文:

Electron-vite preview showing blank screen

问题

我创建了一个 electron-vite (https://evite.netlify.app/) 的 React 项目,但当我运行预览时,它只显示一个空白屏幕,尽管构建成功。

我尝试将渲染内容(index.html、assets 等等)从 'out' 文件夹中提取,并放到一个普通的 vite React 项目中,这样当我运行 vite 预览时,它会显示我在 electron-vite 中构建的项目。这个方法奏效了。我无法理解为什么 electron-vite 的预览不起作用。

Electron-vite 项目

带有 DevTools 源的 electron-vite 预览

带有 DevTools 源的 react-vite 预览

electron main.js 中的 loadFile

英文:

I made a electron-vite (https://evite.netlify.app/) react project and when I run preview, it gives me a blank screen, although build is successful.

I tried getting the renderer content (index.html, assets ...) in 'out' folder and putting it in a normal vite react project, so when I run vite preview, it shows me the project I'd built in electron-vite. It worked. Can't get my head around why electron-vite preview is not working.

Electron-vite Project

electron-vite preview with devTools source

react-vite preview with devTools source

electron main.js loadFile

答案1

得分: 0

你应该使用 HashRouter 而不是 BrowserRouter。

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(





)

英文:

you shuld use hashRouter instead of browserRouter.

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <Provider store={store}>
    <HashRouter>
      <App />
    </HashRouter>
  </Provider>
)

huangapple
  • 本文由 发表于 2023年6月2日 01:57:02
  • 转载请务必保留本文链接:https://go.coder-hub.com/76384528.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定