yarn devが使えない。

Reactや,Next.jsで開発していて、「さあ画面を見てみよう！」コマンドを叩いた瞬間、この問題にぶち当たった人、少なからずいるのではないだろうか。

yarn : 用語 'yarn' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが含まれている
場合はそのパスが正しいことを確認してから、再試行してください。
発生場所 行:1 文字:1

ネットでは「システム環境変数をいじろう」って記事もよく見かけるが、ちょっと待った！システム環境変数は変にいじると他のコマンドが動かなくなったりする可能性もあるので、まずはその前に検証してみることをお勧めする。
ちなみに、筆者は一度Java関連の設定を吹っ飛ばして泣いた……なので、「システムの復元ポイント」を作っておくのもオススメ。何かあったときでも戻せるので安心。

さて本題に戻ると、このエラーの原因は大体以下のどちらかじゃないかなと。

・yarnがインストールされていない。
・yarnがインストールされているけど、パスが別のところを参照している

のどれかだと思っていてこれを解決するには、、

Node.jsが入っていることを前提に、npmでyarnをインストールして管理するのがいいでしょう。

//以下でよい
npx yarn -v 

もし動かない場合は、グローバルでインストールしてしまうのが手っ取り早い。

// 以下でもよい
npm install -g yarn

以上これでyarnが使えるようになるはず。ぜひお試しあれ。