Reactアプリケーションをデプロイできない

Question

自作のReactのアプリケーションを公開したいと思い、githubpagesを使い記事や動画を参考にデプロイしてみたのですが、何故かデプロイしたurlにアクセスするとページが真っ白になってしまいます。この解決方法がわからなかったので質問させていただきました。ご回答よろしくおねがいします。

デプロイしたアプリケーションのurl

https://Yusuke-Ijima.github.io/UserManagementApp

github

https://github.com/Yusuke-Ijima/UserManagementApp

参考にした動画

https://www.youtube.com/watch?v=2hM5viLMJpA

Answer 1

GitHub Pages などでデプロイ先がサブディレクトリになる場合、src/App.tsx で BrowserRouter に basename を指定すると良いでしょう。
参考: Can I set a base route in react-router - Stack Overflow

-      <BrowserRouter>
+      <BrowserRouter basename='/UserManagementApp'>

Answer 2

何故かと書いてありますが、ソースを見る限り何も表示しないように書いてあるからそうなっているだけです。何か表示するように作って下さい。

また、真っ白と書いてありますが、themeのgray指定によって灰色になっています。状況は正しく認識して下さい。

Comments

[yukke-momosuke]

k4aさん、ご回答ありがとうございます。はじめてのデプロイでわからないことだらけで申し訳ありません。
参考動画の手順通りにやっているのですが…