@takaiko001

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Reactをダウンロードする際に、npmが使えなくなる

Q&A

WindowsReact

解決したいこと

Reactを使いたいのですが、ダウンロードが一緒にされるはずのnpmが使えないです。どうやらコマンドとして認識されないのが原因みたいです。

発生している問題・エラー

C:\Users\Tomomi Hamanaga>npm -v
'CALL "C:\Program Files\nodejs\\node.exe" "C:\Program Files\nodejs\\node_modules\npm\bin\npm-prefix.js"' is not recognized as an internal or external command,
operable program or batch file.
11.6.2

Reactを再ダウンロードしたりパソコンの再起動をしていますがうまくいきません。

どうしたら正解に近づけるでしょうか。
それともNode.jsを使用しない方法などございますでしょうか。
また、当方パソコンの影響でWindwos10しか入れることができません。

どなたかパソコンに精通している方がいらっしゃいませんでしょうか。

0 likes

3Answer

blonz3977
@blonz3977

node.jsのインストーラーからnpmが付帯される形でインストールできます
Reactをどのような形でダウンロードしたのかは不明ですが、npmを単体で動かすにはnpm関連の実行ファイルを環境変数PATHに登録しなければいけません
そもそもReactはnpmを使って環境構築が可能なので一度node.jsのインストーラの再ダウンロードをお勧めします

Windows、macOS、LinuxにReactをインストールする方法

0Like
hiro-matsumoto
@hiro-matsumoto

書いていただいた通りなら、本当に、すっごく単純に、
\\node.exeおよび\\node_modules（\がひとつ多いだけ）だったりして？

0Like

Comments

  1. @takaiko001

    Questioner

    それを私も疑っていました。ただ、自然にダウンロードしてこうなったので、どうしたら解決できるか考えあぐねています。
    ご教示お願いいたします。

  2. @Lemon73

    環境変数が違っている…とかですかね?
    もしそうなら、Windows の設定から、環境変数を書き換えれば直るかもしれないですね… :eyes:

ko_nagai_0801
@ko_nagai_0801

まず where npm で「どの npm を実行しているか」を特定。

where node
where npm
node -v
npm -v

期待する結果の例として、
・where node → C:\Program Files\nodejs\node.exe
・where npm → C:\Program Files\nodejs\npm.cmd（や npm）
もし where npm に 複数行出たり、AppData\Roaming\npm... や別の場所（古いNode / nvm / scoop 等）が先に出ていたら、PATHの順序が原因の可能性が高いと思われます。

対処1：PATHを直す
1.Windowsの「環境変数」→ Path を開く
2.C:\Program Files\nodejs\ が入っているか確認
3.入っていないなら追加
4.入っているなら 上の方に移動（優先度を上げる）
5.逆に、古そうな Node や npm のパス（例：scoop / nvm / 古いnodejs）を一旦外す

変更後は 必ずターミナルを開き直して、もう一度確認：

where node
where npm
npm -v

対処2：Node.js をクリーン再インストール（こちらの方が確実かと思います）
PATHを直してもダメなら、Node周りが中途半端に残っている可能性があります。
次の順でクリーンにすると直るケースが多いです。
1.「アプリと機能」から Node.js をアンインストール
2.もし残っていたらフォルダを削除（存在する場合のみ）
・C:\Program Files\nodejs
・C:\Users<あなた>\AppData\Roaming\npm
・C:\Users<あなた>\AppData\Roaming\npm-cache
3.PC再起動
4.Node.js 公式インストーラーで再インストール（Win10対応のLTS推奨）
5.ターミナルを開き直して確認

node -v
npm -v

こちらを試してみるのはいかがでしょう？

0Like

Your answer might help someone💌

LoginSign Up