React.jsの環境構築で，create-react-appで作成したデフォルト画面をGithubを使ってWeb上にアップしたい．

Question

前提・実現したいこと

React.js初心者です．Reactの環境構築をかねて，create-react-appのデフォルトをgithub pagesを使用してweb上にアップしようとしています．

発生している問題・エラーメッセージ

エラーメッセージ

コマンドでyarn run deployと打ち込むとエラーが表示されてしまい，web上にアップすることができません．エラーコードは以下の画像に添付します．

該当のソースコード

以下の画像に添付します．補足情報を確認していただける助かります．

試したこと

https://qiita.com/M01tyan/items/063b2c88dfe402ddbd6aのサイトを見ながら作業を進めました．しかし，エラーが発生してしまいました．

補足情報（FW/ツールのバージョンなど）

React初心者です．Reactの環境構築を行っています．create-react-appのデフォルトをローカルサーバーに表示することまではできました(1枚目)

(1)ローカルサーバー

次に上記のURLと同じように作業を進め，gh-pageの追加をしました．
!

(2)gh-pagesの追加

次に，package.jsonの編集を行いました．

(3)package.jsonの編集

次にソースコードをGitを使ってGithubにアップしました．


(4)Githubへアップロード

次にyarn run deployと入力したところ以下のようなエラーが発生しました．
![![

github pagesに貼られているURLをクリックすると以下のような画面が出てきます．

上記に貼られているURLのサイトにこのようなエラーが発生したらリモートリポジトリのurlを変更すればよいと記載されていたので変更してみたのですがそれでもうまくいきませんでした．

また，yarn run deploy ではなくnpm run deployと表示すると以下のようなコマンドが出できました．
![イ!

初心者なので質問するのも初めてなので右往左往していますがgithub pagesが使えない要因がわかる人がいらっしゃたら回答をお願いしたいです．

Comments

[hoshi-takanori]

Git for Windows を入れてるなら、Git Bash から実行するとうまくいくかも。
https://laptrinhx.com/reactapuriwogithubpagesnihosutosuru-3151300587/