経験知ロゴ

Electronでreact routerを使うときはhashRouterを使い、別ウィンドウで開く方法

※本ページはプロモーションが含まれています

Electron hashRouter

Electronでreact routerを使ってルーティングしていたのですが、アプリに書き出すとルーティングがうまくいきませんでした。

解決策はBrowserRouterをHashRouterに変えるだけでOK。

リンクは「Link」を使って作ったほうがよいかも?

react router v6でも動きました。

メインウィンドウの他に、別のウィンドウを開くときのloadURLに迷いましたが、「#」をつければOK。

let html_dir: string = `file://${__dirname}/index.html#/hoge/fuga`;
loadURL(html_dir);

「index.html」と「#」の間に「/」を入れていて動かずハマったが、「index.html#/」とすればOKだった。

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから