モノクロタイム

I'm from the future!

【yarn】Windowsでyarn createするとディレクトリ名の関係で詰んだのでなんとかした話【C:\Program】

こんにちは、れいじです。

Reactで新規アプリを作る場合は脳死でcreate-react-appをしていた私ですが、フロントエンド界隈の時代の流れははやいもので、所謂グローバルインストールされたcreate-react-appコマンドはいつの間にか利用非推奨になってました。いつから?

代わりにyarn createを使ってね、と書いてあります。

create-react-app.dev

yarnのバージョンは問題なかったので、コマンドをぽちー

PS D:\dev> yarn create react-app my-app --template typescript 
yarn create v1.12.3
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
      - create-react-app
'C:\Program' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
error Command failed.
Exit code: 1
Command: C:\Program Files (x86)\Nodist\bin\bin\create-react-app
Arguments: my-app --template typescript
Directory: D:\dev
Output:

ゆ る し て

Program Fileの間に半角が入るので、そこでコマンドが途切れている(Files以降はオプション)とみなされるらしい。ほっほーん確かにC:\Programはコマンドじゃないしちかたないね

grum.hatenablog.com

上記の記事によると、「Program Files (x86)」という表記は「PROGRA~2」ってかけばいい感じに置き換えて見に行ってくれるらしい。

というわけでこんなかんじで置き換える。

PS D:\dev> c:\Progra~2\Nodist\bin\bin\create-react-app my-app --template typescript

絶対パスでコマンドを指定する&問題のあったプログラム関連のディレクトリ名を置き換えることでどうにかできた。よかったー一生流行りに乗れないのかと思いました。

ではでは~