使用create-react-app命令npm启动错误

时间:2016-10-10 13:51:21

标签: javascript reactjs create-react-app

我有一个项目,我没有触摸过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.
  • node 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"
  }
}

我也试图克隆我的回购并得到同样的错误。如果有人能给我一些方法来发现会发生什么。谢谢

23 个答案:

答案 0 :(得分:145)

创建React App签入的作者。

您绝对不应该全局安装react-scripts
./node_modules/react-scripts/bin/暗示package.json 需要npm ERR! UpScore@0.6.0 start: `react-scripts start` npm ERR! spawn ENOENT

如果你看到这个:

npm install -g npm@latest

这只是意味着第一次安装依赖项时出现了问题。

我建议执行以下三个步骤:

  1. rm -rf node_modules更新npm,因为它有时会出错。
  2. npm install删除现有模块。
  3. {{1}}重新安装项目依赖项。
  4. 这应该可以解决问题 如果没有,请this answer注明您的项目和Node版本以及npm的链接。

答案 1 :(得分:8)

您的全球环境似乎没有react-scripts。 这里有两种可能性:

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"
  },

答案 2 :(得分:4)

是的,你不应该全局安装react脚本,它不会工作。

我认为在我第一次创建项目时(在另一台机器上)我没有使用--save,所以对我来说这解决了这个问题:

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

答案 3 :(得分:2)

这是为了帮助其他全新的用户做出反应,以及即使启动全新应用程序并尝试使用npm install和我在论坛上看到的其他修复程序,也可能在启动第一个应用程序时遇到问题。

在Windows 10上运行它并安装了所有最新的npm create-react-app,并且在简单的npm上失败后在简单的my-app演示文件夹中启动失败。

花了很长时间,最初看起来与OP错误类似,但略有不同。这从ERRNO 4058开始,并以代码'ENOENT'syscall继续:'spawn cmd',路径:'cmd'...

最终从github create-react-app论坛得出结论,对此的快速解决方案是在“ path”变量中注册cmd。为此,请转到系统属性>环境变量。单击路径变量编辑,然后添加C:\ Windows \ System32的新条目。重新启动CMD提示,我很好。

答案 4 :(得分:2)

我使用以下命令解决此问题:

npm install -g react-scripts

答案 5 :(得分:2)

我遇到了以下问题。

enter image description here

请找到解决方案:

  1. “ C:\ Windows \ System32” 添加到全局PATH环境变量。

  2. 检查是否已为 nodejs,npm和composer 创建了环境变量。如果不创建一个

enter image description here

  1. 运行您的应用。

答案 6 :(得分:1)

我可能回答这个问题已经很晚了,但这对我来说是行得通的,它可能会帮助某人重返开发轨道!

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

干杯!

答案 7 :(得分:1)

丹正确地说,

  

如果你看到这个:

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

这只是意味着第一次安装依赖项时出现了问题。

但是我得到了一些略有不同的东西,因为运行npm install -g npm@latest来更新npm有时可能会给你留下这个错误:

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.

这应该让你重新站起来。

答案 8 :(得分: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

答案 9 :(得分:1)

这很简单,但是第一次需要花费一些时间来设置!!!

  1. 您的节点上具有最新版本。

  2. 转到环境变量并设置路径"%SystemRoot%\system32"

enter image description here

  1. 以管理员模式运行cmd。

  2. 写命令npm start。

答案 10 :(得分:1)

我通过运行以下命令来解决此问题

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

希望有帮助

答案 11 :(得分:1)

运行时出现相同的错误

npm开始

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并重新启动了我的电脑,所有的问题都解决了。 (kkkk zueira)就是这个。

答案 12 :(得分:1)

在npm start之前添加带有“ SKIP_PREFLIGHT_CHECK = true”的.env文件

答案 13 :(得分:0)

我在项目中运行了 npm install 然后npm start 成功

答案 14 :(得分:0)

我已经在本地创建了React项目。发生此问题(对我而言)的原因是,我在sudo之前没有使用npm,并且它需要 root 访问权限(

> sudo npm start

PS1 :对于Windows用户,powershellcommand line应该以管理员身份运行

PS2 :如果要解决根访问问题,则可以看到此post

答案 15 :(得分:0)

在终端中输入unset HOST

答案 16 :(得分:0)

我的问题源于权限问题。我按照这个解决了我的问题 https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally

答案 17 :(得分: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开始

这应该让您重回正轨...编码愉快

答案 18 :(得分:0)

这发生在node_modules与package.json不同步时。

在根目录和其中可能具有node_modules文件夹的所有子服务/子文件夹中运行以下命令。

rd node_modules /S /Q
npm install

答案 19 :(得分:0)

如果您碰巧像我这样不幸,连续三(3)天试图解决此问题,这里提出的每个解决方案都使我失败了...在您的项目根目录中创建一个.env文件,并添加以下代码{ {1}}。祝你好运

答案 20 :(得分:0)

对我来说,只是我没有将react-scripts添加到项目中,所以:

npm i -S react-scripts

如果这不起作用,则按照他人的建议node_modules

rm -r node_modules
npm i

答案 21 :(得分:0)

只需在termux中执行此命令,您就可以了。

pkg install termux-exec proot

答案 22 :(得分:0)

可能与其他库冲突,删除node_modules并再次安装npm。