'react-scripts'は内部または外部コマンドとして認識されません


101

Mavenプロジェクトがあります。その中にはJavaScriptプロジェクトがgitサブモジュールとして複製されています。したがって、ディレクトリ構造は次のようになります。

mavenapp/src/main/javascript/[npm project files]

私のpackage.json内では、テストは次のようになります。 "test": "react-scripts test --env=jsdom",

しかし、npm testを実行しようとすると、

'react-scripts'は、内部コマンドまたは外部コマンドとして認識されません。

興味深いことに、javascriptプロジェクトを個別に複製すると、このエラーは発生しません。再実行してみましたnpm install

npm version : 5.5.1

node version : 9.3.0


それ以来、この問題に取り組んできましたが、少し注目を集めているので、答えを正しいものとしてマークすることが役立つかもしれません...それが誰であるかについてのコミュニティからの提案を受け入れます。
J・スミス

回答:


90

インストール時にノードモジュールディレクトリにreact-scriptsファイルがないことに関するエラーです。

react-scriptの依存関係が利用可能かどうかをpackage.jsonで確認してください

利用できない場合は、次の方法で手動で追加します。

npm install react-scripts --save


12
これを行わないでください。他のプロジェクトで問題が発生する可能性があります...このようにreact-scriptsをグローバルにインストールしないでください。ここを参照してください:github.com/facebook/create-react-app/issues/…–
Rosdi Kasim

5
@RosdiKasimあなたのコメントを読んだ後、私は私のエラーに気づきました。ここで、グローバル(-g)ではなく、特定のプロジェクトのコマンドを変更しました。
Yogesh Borad 2018

私にとっては何も変わりませんが、それでも同じエラーです。成功してもnpm_modulesフォルダーにreact-scriptsフォルダーが作成されない場合でも、「npminstallreact-scripts--save」を実行します。私はWindows10を使用しています
Giox 2018年

@RosdiKasim、あなたのコメントに基づいて、Githubのスレッドの終わりをたどる必要があります。私は同じ問題で実行されていると、このようにすることによりが修正されましたstackoverflow.com/a/54403797/8719007(以下の答え)
セルジュKishiko

47

やってみました:

rm -rf node_modules && npm install

node_modules最初にワイプすると、Nodeのような奇妙なパッケージ関連の問題が修正される傾向があります。


2
はい、違いはありません...今のところ、サブモジュールを削除して手動で貼り付ける必要がありました。
J・スミス

うーん、あなたnpm installはあなたからログに記録されたエラーを見ていませんか?を実行して、npm install -f何か変更があるかどうかを確認してください。インストールに失敗し、create-react-app完全なインストールをブロックしている別のパッケージである可能性があります。-f、btwを使用してnpmのインストールを強制することは、完全な解決策ではありません。トラブルシューティングの手順にすぎません。それを実行した後に何かが変更された場合は、パッケージの1つに問題があることがわかります。
Jonny Asmar 2017

さらに、にファイルがあることを確認することもできますjavascript/node_modules/.bin/react-scripts。そうでない場合は、パーミッションの問題、シンボリックリンクの作成に関するOSの制限など、いくつかの異なる原因が考えられます(すべてがnode_moduels/.binインストール時に生成されたシンボリックリンクです。react-scriptsがインストールされていない可能性もあります...試してみてください実行しているnpm install --save react-scriptsとそれが助けかどうかを確認。
ジョニーAsmar

1
MacOSからWindowsへの移行(Dropboxはすべてのnode_modulesフォルダーを同期しました)-フォルダーを削除して再インストールするだけで解決しました
AS

うん-それは上記のコマンドが行うことです。症状は、OSごとに条件付きインストール手順を実行する多数のパッケージが原因である可能性があります。Linux、Mac、およびWindowsには、プロジェクトの基本的な依存関係が多数ある、かなりの数の不一致があります。
JonnyAsmar19年

32

react-scripts存在する場合package.json

ファイルにこのようなものが表示された場合 "react-scripts": "2.1.3"は、 pakage.jsonこのコマンドを入力してください

npm install

react-scripts存在しない場合package.json

何ものように存在しない場合は"react-scripts"、あなたの中package.jsonのファイル、おそらくあなたはインストールしていないit.Toは、そのタイプには、次のコマンドを実行し、すべてのセットになります

npm install react-scripts --save


1
package.jsonにインストールしてインストールしても、同じ問題が発生した場合はどうなりますか?
Serob_b

@Serob_b時々私も同じ問題を抱えています。その場合、「npm install」を実行するだけで、問題が解決します。または、ターミナルでrm "-rf node_modules"と入力して、 "npm install"を実行することにより、いつでもnode_modulesフォルダーを削除できます。これがお役に立てば幸いです
HadiMir19年

11

私の状況では、ノードパッケージでいくつかの問題が発生しました。だから私は走ってnpm audit fix、それはすべての問題を修正しました


これが今のところ最良の答えのようです。コードをMacbookからPCに移行しましたが、reactプロジェクトを実行できませんでした。「npm監査修正」はそれを即座に解決しました。
ワカスアッバース朝

11

私も同じ問題に直面しました。しかし、npm updateコマンドを実行すると、私の問題は解決しました。


それが解決策でした。ありがとう。
DzenisH.20年

4

私は同じ問題に直面していました、そして私はこれにほとんど半分を費やします。これは私のために働いたあなたはそれを試すことができます

実行

npm cache clean --force

その後

npm rebuild

最終的に

npm install

幸運を


この解決策をありがとう。あなたは素晴らしいです)
OtabekButcher20年

どういたしまして
CrispenGari20年

3

私はこの問題を修正します:-)、node.jsをアンインストールして隠しファイルを表示するだけです

次に、「C:\ Users \ yourpcname \ AppData \ Roaming \」に移動します

次に、「npm」および「npm-cache」フォルダーを削除します

そして、node.jsの新しいバージョンをインストールします。


2
これは実際には解決策ではありません。
PhaniRithvij20年

3

私は糸を使用していますが、同じ問題に直面しました。

以下は私のために働いた:

yarn install 
yarn start

2

react-scriptsは、内部または外部コマンドがnpmに関連しているため認識されません。

該当する場合は、package.jsonファイル内のすべての依存関係をメインディレクトリとクライアントディレクトリの両方で最新バージョンに更新します。これを行うには、依存関係のpackage.jsonファイルで特定のバージョン番号を指定する代わりに、アスタリスク「*」を使用します。

例えば:

"dependencies": {
    "body-parser": "*",
    "express": "*",
    "mongoose": "*",
    "react": "*",
    "react-dom": "*",
    "react-final-form": "*",
    "react-final-form-listeners": "*",
    "react-mapbox-gl": "*",
    "react-redux": "*",
    "react-responsive-modal": "*",
  }

次に、package-lock.jsonが削除されていることを確認してから、メインディレクトリとクライアントディレクトリの両方でnpminstallとyarninstallを実行します(該当する場合)。

これで、yarnビルドを実行してから、yarnstartを使用してアプリケーションを実行できるようになります。


これは悪いアドバイスです。*バージョン番号に使用すると、異なるシステムに異なるバージョンのパッケージがインストールされる可能性があるため、問題があります。ロックされたバージョン番号を使用し、必要に応じて更新します
DanaWoodman19年

確かに、ここでは本番目的では問題が発生する可能性がありますが、テスト目的でのアイデアにすぎません。
ahmedakhtar 1119

1

ポータブルアプリの変更

package.json

次のように

"scripts": {
    "start": "node node_modules/.bin/react-scripts start",
    "build": "node node_modules/.bin/react-scripts build",
    "test": "node node_modules/.bin/react-scripts test",
    "eject": "node node_modules/.bin/react-scripts eject"
  }

1

これは私がそれを修正する方法です

  1. パス変数を確認して更新します(パス変数を更新する方法については、以下を参照してください)
  2. node_modulesとpackage-lock.jsonを削除します
  3. 実行 npm install
  4. 実行 npm run start

これが機能しなかった場合は、nodejsをインストールして修復を実行してみてください

またはnpmキャッシュをクリーンアップします npm cache clean --force

パス変数を更新するには

  1. Windowsキーを押す
  2. 検索する Edit the system environmental variable
  3. クリック Environment Variables...
  4. システム変数の下部セクション(2つのセクションがあります)
  5. Path変数名を選択
  6. クリック Edit..
  7. あるかどうかを確認しC:\Program Files\nodejs、リストにこれを追加しない場合は、

0

オンラインで見つかったこの問題の解決策の多くを試しましたが、私の場合は、NVM for Windows(複数のノードバージョンを管理するために使用しています)を再インストールする以外は何も機能しませんでした。インストーラーでは、インストールされているノードのバージョンを検出し、NVMでそれらを制御するかどうかをユーザーに尋ねます。はいと言ったので、NVMはすべてのPATHの問題を修正しました。その結果、物事は以前と同じように機能しました。この問題には複数の原因が考えられますが、破損したPATHは間違いなくその1つであり、NVMを(再)インストールするとPATHが修正されます。


0

これはかなり古い質問ですが、これは将来の参考のために役立つかもしれません。node_modulesフォルダーを削除し、npminstallを再度実行します。私のために働いた。


0

私の場合、ノードv14.0.5がインストールされているLinuxでファイルを編集しましたが、ノードv14.0.3がインストールされているWindowsで再起動すると、同じエラーが発生しました。そこで、Windowsのノードバージョンを更新しましたが、すべてうまくいきました。


0

同様の問題がありました..私はそれを修正するために糸を使用しました。ノードモジュールにreact-scriptsが見つからないことに気づいたので、npmでダウンロードすることにしましたが、失敗しているようです。だから私は糸を試しました(糸は反応スクリプトを追加します)そしてそれは悪夢を解決しました!これがあなたにも役立つことを願っています。幸せなデバッグの人々。



0

これは私のために働いた:

  • CLIでプロジェクトフォルダに移動し、npminstallと入力します。yarnなどを使用している場合は同様のコマンドを実行します。

  • そして、入力NPMスタートをあなたがNPMを使用している場合。糸などを使用する場合は、同様のコマンドを実行します。

  • ファイルが機能し始めます


-1

私の場合、問題は、react-scriptsパッケージのインストールが書き込む予定の一部のファイルに対して十分なファイル権限がないことに関係していました。何がそれを実行していたのか、管理者としてgit bashを実行npm install --save react-scriptsしてから、再度実行することでした。


-2

Reactを使用して新しいプロジェクトを作成する場合、Reactモジュールをインストールするには、新しいプロジェクトのClientAppフォルダー(「C:\ Users \ Chris \ source \ repos \ HelloWorld2 \ HelloWorld2 \」など)内から「npminstall」(PowerShell)を実行する必要があります。 ClientApp ")。Reactを使用する.NETCore WebAppでは、Reactコマンドが正しく機能するために、Reactファイルを正しい場所にインストールする必要があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.