create-react-appでnpm開始エラー


88

2週間触れなかったプロジェクトがあります。私はそれを取り戻し、今実行しようとするnpm startとこのエラーが発生しました。

> react-scripts start

sh: react-scripts: command not found

npm ERR! Darwin 16.0.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v6.7.0
npm ERR! npm  v3.10.3
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! UpScore@0.6.0 start: `react-scripts start`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the UpScore@0.6.0 start script 'react-scripts start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the UpScore package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     react-scripts start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs UpScore
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls UpScore
npm ERR! There is likely additional logging output above.
  • ノード6.7.0
  • npm 3.10.3
  • mac sierra 10.12

package.json

{
  "name": "UpScore",
  "version": "0.6.0",
  "private": true,
  "devDependencies": {
    "react-addons-test-utils": "^15.3.1",
    "react-scripts": "0.4.1",
    "react-test-renderer": "^15.3.1",
    "redux-logger": "^2.6.1"
  },
  "dependencies": {
    "@yoshokatana/medium-button": "^1.1.0",
    "axios": "^0.14.0",
    "bcrypt": "^0.8.7",
    "bcrypt-nodejs": "0.0.3",
    "bcryptjs": "^2.3.0",
    "body-parser": "^1.15.2",
    "connect-flash": "^0.1.1",
    "cookie-parser": "^1.4.3",
    "draft-js": "^0.8.1",
    "draft-js-editor": "^1.7.2",
    "draft-js-export-html": "^0.4.0",
    "ejs": "^2.5.2",
    "email-verification": "^0.4.5",
    "express": "^4.14.0",
    "express-session": "^1.14.1",
    "flexboxgrid": "^6.3.1",
    "highlight.js": "^9.6.0",
    "immutable": "^3.8.1",
    "katex": "^0.6.0",
    "lodash": "^4.15.0",
    "markdown-it-mathjax": "^1.0.3",
    "material-ui": "^0.15.4",
    "medium-editor": "^5.22.0",
    "minutes-seconds-milliseconds": "^1.0.3",
    "moment": "^2.15.0",
    "moment-duration-format": "^1.3.0",
    "mongod": "^1.3.0",
    "mongodb": "^2.2.9",
    "mongoose": "^4.6.0",
    "monk": "^3.1.2",
    "morgan": "^1.7.0",
    "normalize.css": "^3.0.3",
    "passport": "^0.3.2",
    "passport-local": "^1.0.0",
    "react": "^15.3.1",
    "react-dom": "^15.3.1",
    "react-markdown": "^2.4.2",
    "react-medium-editor": "^1.8.1",
    "react-redux": "^4.4.5",
    "react-redux-form": "^0.14.5",
    "react-rich-markdown": "^1.0.1",
    "react-router": "^2.7.0",
    "react-router-redux": "^4.0.5",
    "react-tap-event-plugin": "^1.0.0",
    "react-tinymce": "^0.5.1",
    "redux": "^3.6.0",
    "redux-form": "^6.0.5",
    "redux-form-material-ui": "^4.0.1",
    "redux-promise-middleware": "^4.0.0",
    "redux-thunk": "^2.1.0",
    "reselect": "^2.5.3",
    "screenfull": "^3.0.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "start:prod": "pushstate-server build",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "server": "cd client/api && pm2 start server.js --watch",
    "proxy": "http://128.199.139.144:3000"
  },
  "eslintConfig": {
    "extends": "./node_modules/react-scripts/config/eslint.js"
  }
}

リポジトリのクローンを作成しようとすると、同じエラーが発生します。誰かが私に何が起こるかを見つけるための何らかの方法を与えることができれば。ありがとうございました


4
を削除node_modulesしてnpm install再度実行してみましたか?
nitsew 2016年

1
はい、node_modulesとnpminstallをクリーンアップします。npmのインストールでエラーは発生しませんでした。
eQuimper 2016年

私はこのコマンドを使用しましたrm -rf node_modules/ && npm cache clean && npm install
EQuimper 2016年

あなたのnpm start命令を見せてくれませんか?
スティーブピティス2016年

package.jsonファイルを追加しました
EQuimper 2016年

回答:


230

Create ReactAppの作成者がチェックインします。

絶対にreact-scriptsグローバルにインストールするべきではありません。
あなたもありません必要./node_modules/react-scripts/bin/package.jsonとして、この答えは意味します。

これが表示された場合:

npm ERR! UpScore@0.6.0 start: `react-scripts start`
npm ERR! spawn ENOENT

これは、依存関係が最初にインストールされたときに問題が発生したことを意味します。

次の3つの手順を実行することをお勧めします。

  1. npm install -g npm@latest 時々バグがあるのでnpmを更新します。
  2. rm -rf node_modules 既存のモジュールを削除します。
  3. npm install プロジェクトの依存関係を再インストールします。

これで問題が解決するはずです。
そうでない場合は、プロジェクトへのリンクとNodeおよびnpmのバージョンを使用して問題を報告してください。


それは私にはうまくいきませんでした。npm v3.3.1; ノードv6.9.1。私はWindowsを使用していますが、この問題は、システムの復元を行って数週間ロールバックして別の問題を修正した後に始まりました。
MartinDuo 2016年

2
PS:ステップを実行すると、このエラーが発生します。「rm」は、内部コマンドまたは外部コマンドとして認識されません。システムの復元により、これらのノードコマンドを実行するために必要なものが削除されたと思いますが、手がかりがありません。
MartinDuo 2016年

PPS node_modulesフォルダーを手動で削除し、npmインストールを実行しました。今それは動作します!node_modulesの交換についての手がかりをありがとう。
MartinDuo 2016年

1
それでも私にはうまくいきません!! 実際、Herokuにデプロイしたときに失敗しています!
aman_novice 2017年

ねえ@ dan-aブロモvビットバケットCIの同じエラーはどうですか、それを修正するためのあなたの提案は何ですか?
necmttn 2017

12

react-scripts地球環境にはないようです。ここでは2つの可能性があります:

npm install -g react-scripts

または、package.jsonで、スクリプト部分を次のように変更します。

  "scripts": {
    "start": "./node_modules/react-scripts/bin/react-scripts.js start",
    "start:prod": "pushstate-server build",
    "build": "./node_modules/react-scripts/bin/react-scripts.js build",
    "test": "./node_modules/react-scripts/bin/react-scripts.js test --env=jsdom",
    "eject": "./node_modules/react-scripts/bin/react-scripts.js eject",
    "server": "cd client/api && pm2 start server.js --watch",
    "proxy": "http://128.199.139.144:3000"
  },

index.htmlがpublicdirでのcreate-react-app検索のように見えるという問題が発生しましたか?しかし、私がそれを得る前に。
eQuimper 2016年


16
この答えは間違っています。これで問題が解決する場合がありますが、Create ReactAppの使用目的ではありません。
ダンアブラモフ2016年

8

はい、react-scriptsをグローバルにインストールしないでください。機能しません。

プロジェクトを(別のマシンで)最初に作成したときは--saveを使用しなかったと思うので、これで問題が修正されました:

npm install --save react react-dom react-scripts

こんにちは、-saveフラグにより​​、グローバルではなくローカルにインストールされますか?
生涯学習者

6

これは、まったく新しい人が反応し、最初のアプリを起動したばかりで問題が発生している人が、新規インストールを行ってnpminstallやフォーラムで見た他の修正を使用してみた場合に役立ちます。

最新のnpmcreate-react-appがすべてインストールされているWindows10で実行すると、単純なmy-appデモフォルダーで単純なnpm startを実行すると、失敗した後に失敗します。

最初はOPエラーに似ていますが、わずかに異なるもので長い時間を費やしました。これはERRNO4058で始まり、コード 'ENOENT' syscall: 'spawn cmd'、path: '' cmd '..で続きます。

最終的には、github create-react-appフォーラムから、これに対する簡単な修正は「path」変数にcmdを登録することであることがわかりました。これを行うには、[システムプロパティ]> [環境変数]に移動します。パス変数の編集をクリックして、C:\ Windows \ System32の新しいエントリを追加します。CMDプロンプトを再起動すると、問題はありませんでした。


私の高度な修正がすべて失敗したとき、これが私の問題でした。どのように設定が解除されたかはわかりませんが、これが問題でした。
DaveKanter20年

私自身初心者なので、Windowssystem32パスを追加する理由を教えてください。つまり、ノードフォルダパスを追加すると、よりよく理解できたはずです。plsは説明できますか?
ユスフ

4

ダンが正しく言ったように、

これが表示された場合:

npm ERR! UpScore@0.6.0 start: `react-scripts start`
npm ERR! spawn ENOENT

これは、依存関係が最初にインストールされたときに問題が発生したことを意味します。

しかし、npm install -g npm@latestnpmを更新するために実行すると、次のエラーが発生することがあるため、少し異なるものがあります。

npm ERR! code ETARGET
npm ERR! notarget No matching version found for npm@lates
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.

したがって、実行する代わりにnpm install -g npm@latest、以下の手順を実行することをお勧めします。

 npm i -g npm //which will also update npm
 rm -rf node_modules/ && npm cache clean // to remove the existing modules and clean the cache.
 npm install //to re-install the project dependencies.

これで元に戻るはずです。


4

私のように運が悪かったために、この問題を解決するために3日連続で費やした場合、ここで提案したすべての解決策は失敗しました...プロジェクトルートに.envファイルを作成し、このコードを追加しますSKIP_PREFLIGHT_CHECK=true。幸運を


運が悪かったと思います。あなたの答えは私を大いに助けてくれました。
FreduahGideon20年

3

私はこの質問に答えるのが非常に遅いかもしれませんが、これは私にとってうまくいったことであり、誰かが開発トラックに戻るのを助けるかもしれません!

nvm install v12.0 // You may need to install nvm, if not already done
rm -rd node_modules/
npm cache clean --force
npm install

乾杯!!


2

私にとってはreact-scripts、プロジェクトに追加していなかっただけでした。

npm i -S react-scripts

これが機能しない場合node_modulesは、他の人が提案したようにrm

rm -r node_modules
npm i

これは私のために働いています。新しいreactプロジェクトでエラーが発生し、react-scriptsが自動的にインストールされなかったようです。
ネモ


2

私は次の問題に直面しました。

ここに画像の説明を入力してください

解決策を見つけてください:

  1. 「C:\ Windows \ System32」をグローバルPATH環境変数に追加します。

  2. nodejs、npm、composerの環境変数が作成されているかどうかを確認します。作成しない場合

ここに画像の説明を入力してください

  1. アプリを実行します。


1

npmstartよりも「SKIP_PREFLIGHT_CHECK = true」の.envファイルを追加します


1

実行時に同じエラーが発生しました

npm start

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! protest-app@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the protest-app@0.1.0 start script.

私はいくつかのタブで頭を悩ませ、他の開発者からのソリューションを適用しましたが、何もしませんでした。

Ubuntuを使用していても、vscodeを閉じてPCを再起動し、すべての問題が解決するまで。(kkkk zueira)これだけ。


1

簡単ですが、初めて設定するのに数ステップかかります!!!

  1. ノードに最新バージョンがあります。

  2. 環境変数に移動し、パスを設定します"%SystemRoot%\system32"

ここに画像の説明を入力してください

  1. 管理者モードとしてcmdを実行します。

  2. コマンドnpmstartを書き込みます。


1

Windowsに環境変数を追加する

  1. C:\ WINDOWS \ System32
  2. C:\ Program Files \ nodejs
  3. C:\ Program Files \ nodejs \ node_modules \ npm \ bin
  4. C:\ WINDOWS \ System32 \ WindowsPowerShell \ v1.0
  5. C:\ Users {中括弧なしのシステム名} \ AppData \ Roaming \ npm

これらの5つはパスにある必要があります。

node.jsの最新バージョンを使用します



0

これは、node_modulesがpackage.jsonと同期しなくなったときに発生します。

ルートと、node_modulesフォルダーが含まれている可能性のあるサブサービス/ sub-folderで以下を実行します。

rd node_modules /S /Q
npm install

0

それは私に起こりましたが、上記のどれもうまくいきませんでした。

events.js:72
        throw er; // Unhandled 'error' event
              ^

npm ERR! UpScore@0.6.0 start: `react-scripts start`
npm ERR! spawn ENOENT

Error: spawn ENOENT
    at errnoException (child_process.js:1000:11)
    at Process.ChildProcess._handle.onexit (child_process.js:791:34)

これは、react-scriptsグローバルにインストールした可能性があるために発生します。

これを機能させるには...

  1. あなたのに行く C:\Users\<USER>\AppData\Roaming
  2. npmおよびnpm-cacheディレクトリを削除します...(後でnpmをグローバルにインストールできることを心配しないでください)
  3. アプリケーションディレクトリに戻り、node_modulesフォルダを削除します
  4. 次にnpm install、依存関係をインストールするために入力します(既に作成されている場合はpackage-lock.jsonを削除します)
  5. 今すぐ実行 npm install --save react react-dom react-scripts
  6. 始めましょう npm start

これで軌道に戻るはずです...ハッピーコーディング




0

ローカルでreactプロジェクトを作成しました。この問題が発生するこの理由(私にとって)は、sudo以前は使用したことがなくnpmルートアクセスが必要なためです(

> sudo npm start

PS1:Windowsユーザーのために、powershellまたはをcommand lineしなければならない管理者として実行します

PS2:使用がルートアクセスの問題を解決したい場合は、この投稿を見ることができます。

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