Q&A
実現したいこと
Electron + React + Vite環境のソフトをElectron Builderを使ってパッケージ化して正常動作することを目的とする。
前提
開発段階ではエラーは何も出ていなかったがelectron builderを使ってパッケージ化するとエラーが出た。
Electronとreactはそれぞれviteでビルドして一つにまとめてあり、ビルド済みフォルダdistなどを対象としてelectron builderでパッケージ化。
発生している問題・エラーメッセージ
failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.
該当のソースコード
index.html
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <link rel="icon" type="image/svg+xml" href="/vite.svg" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <title>PDFSoft</title> 8 </head> 9 <body> 10 <div id="root"></div> 11 <script type="module" src="./src/main.tsx"></script> 12 </body> 13</html> 14
試したこと
ELectronのメインファイルに以下のコードの記述をした。
main.ts
1mainWindow.webContents.session.webRequest.onHeadersReceived((details,callback) => { 2 callback({ 3 responseHeaders: { 4 ...details.responseHeaders, 5 'Content-Type': ['text/javascript'] 6 } 7 }) 8 });
別のエラーが出てしまった(Uncaught ReferenceError: require is not defined at react/main.cjs)。
補足情報（FW/ツールのバージョンなど）
react:18.2.0
electron:23.1.2
electron-builder:23.6.0
vite:4.0.1
あなたの回答
tips
プレビュー
