【React】「npx create-react-app」コマンドでyarnは使われなくなった

概要

以前は、Create React AppでReactプロジェクトを作る時にnpxコマンドを使うと、yarnがグローバルインストールされている場合は、そのプロジェクトのパッケージマネージャーにnpmではなくyarnが使われるようになっていました。

% npx create-react-app プロジェクト名

しかし先日Zennで本を執筆している時にnpx create-react-appを実行してみると、yarnがグローバルインストールされているにも関わらずnpmが使われていたので原因を調査しました。

原因

2021年12月14日にリリースされたCreate React Appのバージョン5.0.0からyarnがインストールされているか検知されなくなったようです。

つまり、npx create-react-appコマンドを使うと必ずnpmが使われるようになりました。

この変更のプルリクエストはこちらです👇
https://github.com/facebook/create-react-app/pull/11322

yarnを使いたい場合

パッケージマネージャーにyarnを使いたい場合は次のコマンドを実行する必要があります。

% yarn create react-app プロジェクト名

以上になります。
参考になれば幸いです。

参考

https://github.com/facebook/create-react-app/pull/11322
https://github.com/facebook/create-react-app/releases/tag/v5.0.0
https://github.com/facebook/create-react-app/issues/11778
https://create-react-app.dev/docs/getting-started#selecting-a-package-manager