実現したいこと
React + Electron + Viteの環境のプロジェクトです。
開発段階では正常に動作しているので後はelectron-buidlerでパッケージ化して動作確認するだけです。
発生している問題・エラーメッセージ
electronソフトは起動するが、画面が真っ白。root要素はレンダリングされているので元となるhtmlファイルは読み込めている模様。
Failed to load resource: net::ERR_FILE_NOT_FOUND
開発者モードでどのファイルで発生しているかを見たところmain.tsxでreactコードのメインファイルとなっていました。
該当のソースコード
react/main.tsx
1import React from 'react'; 2import ReactDOM from 'react-dom/client'; 3import {BrowserRouter} from "react-router-dom"; 4import App from './App'; 5 6const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement); 7 8root.render( 9 <React.StrictMode> 10 <BrowserRouter> 11 <App/> 12 </BrowserRouter> 13 </React.StrictMode> 14);
electron/main.ts
1長いので要望されたら追記します。
package.jsonのbuild部分
1"build": { 2 "appId": "com.github.PDFSoft", 3 "directories": { 4 "output": "builderdist" 5 }, 6 "files": [ 7 "package.json", 8 "package-lock.json", 9 "dist/**/*", 10 "render/**/*", 11 "scripts/**/*" 12 ], 13 "nsis": { 14 "oneClick": false, 15 "allowToChangeInstallationDirectory": true 16 } 17 },
renderがreactフォルダ、distの中にはviteでビルドされたelectronファイルがある。
試したこと
プロジェクト全体のpackage.jsonにhomepage: "./"の記述、その中のrenderディレクトリにあるreactフォルダのpackage.jsonにhomepage: "./"の記述をしたが変わらず。
補足情報(FW/ツールのバージョンなど)
react:18.2.0
electron:23.1.2
electron-builder:23.6.0
vite:4.0.1
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。