質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Electron

Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

2回答

1678閲覧

Failed to load resource: net::ERR_FILE_NOT_FOUNDエラーについて

Sosupe1123

総合スコア66

Electron

Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2023/03/04 12:36

実現したいこと

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

package.jsonのmain:./src/main.tsxの記載

投稿2023/03/05 11:09

Sosupe1123

総合スコア66

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

Failed to load resource: net::ERR_FILE_NOT_FOUND

ファイルが存在しない、とおっしゃってますが。

投稿2023/03/04 13:08

y_waiwai

総合スコア87804

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問