質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

3628閲覧

ReactをWindowsで環境構築が上手くできないので教えてください。

tomomonX

総合スコア28

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2021/12/21 10:34

前提・実現したいこと

ReactをWindowsで使えるようにしたいです。

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

https://qiita.com/renesisu727/items/4b34df1a3cfe8d534303
の通り、create-react-app qiita_1を実行しても

内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されません。」 となる。

と出ました。環境変数には上記URLのサイトの通り設定しているつもりですが、このようなエラーが出たため
https://www.fixes.pub/program/241856.html
の通り設定したら認識はされましたが、

cmd

1C:\Users(ユーザ名)>create-react-app qiita_1 2You are running Node 11.13.0. 3Create React App requires Node 14 or higher. 4Please update your version of Node. 5 6C:\Users(ユーザ名)>node -v 7v17.3.0 8 9C:\Users(ユーザ名)> 10

試したこと

上記の通りエラーが英語でバージョン14以上にしてくださいと書かれていますが、
node- vでバージョン確認したところ17.3.0です。
「node 14 or higher 最新」でググりましたが解決方法がヒットしないです。

再起動も試したのですがダメでした。

####解決に向けてアイデアがありましたら教えてください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

グローバル指定でcreate-react-appをインストールすると、nodeコマンド、npmコマンドと同じディレクトリにインストールされます。

C:\>npm install -g create-react-app C:\>where node C:\opt\nodejs\node.exe C:\>where npm C:\opt\nodejs\npm C:\>where create-react-app C:\opt\nodejs\create-react-app C:\>create-react-app --version 5.0.0

あとは、create-react-appコマンドを実行するだけです。

C:\>create-react-app my-app

コマンドが見つからないのなら、PATHの設定を確認してください。

投稿2021/12/21 10:52

technocore

総合スコア7247

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tomomonX

2021/12/21 11:45

ご教示ありがとうございます。 ご指定の方法で試してみたのですが、同様にバージョン14以上を使ってくださいとなりエラーになりました。 ``` C:\Users(ユーザ名)>npm install -g create-react-app npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. changed 67 packages, and audited 68 packages in 5s 4 packages are looking for funding run `npm fund` for details 2 high severity vulnerabilities Some issues need review, and may require choosing a different dependency. Run `npm audit` for details. C:\Users(ユーザ名)>where node C:\Program Files\nodejs\node.exe C:\Program Files (x86)\Nodist\bin\node.exe C:\Users(ユーザ名)>where npm C:\Program Files\nodejs\npm C:\Program Files\nodejs\npm.cmd C:\Program Files (x86)\Nodist\bin\npm.cmd C:\Program Files (x86)\Nodist\bin\npm.exe C:\Users(ユーザ名)>where create-react-app C:\Program Files (x86)\Nodist\bin\create-react-app C:\Program Files (x86)\Nodist\bin\create-react-app.cmd C:\Users(ユーザ名)>create-react-app --version You are running Node 11.13.0. Create React App requires Node 14 or higher. Please update your version of Node. C:\Users(ユーザ名)>create-react-app my-app You are running Node 11.13.0. Create React App requires Node 14 or higher. Please update your version of Node. C:\Users(ユーザ名)> ``` バージョン14以上のはずですが、念のため最後に ``` C:\Users\hayas>node -v v17.3.0 ``` とすると確かにバージョン17で14以上になっています。 原因がなぜバージョン11として走ってしまうかもしわかりましたら教えていただけると助かります。
technocore

2021/12/21 11:54

バージョンが異なる複数のnodejsをインストールしているので、 管理ができていないのでしょう。 今後のことも考えて、不要なバージョンを削除して整理してみては いかがでしょう。
tomomonX

2021/12/21 18:50

ありがとうございます。手動も含めてすべてアンインストールしているつもりなのですが、解消できないので有料相談等で検討してみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問