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

Question

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

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

Answer 1

创建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

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

我建议做这三个步骤:

1. npm install -g npm@latest 更新npm,因为它有时会出错.
2. rm -rf node_modules 删除现有模块.
3. npm install 重新安装项目依赖项.

这应该可以解决问题.
如果没有,请提交一个问题,其中包含指向您的项目以及Node和npm版本的链接.

Answer 2

看来你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"
  },

Answer 3

如果你碰巧像我一样不幸，连续三（3）天试图解决这个问题，这里提出的每个解决方案都让我失望......在你的项目根目录中创建一个 .env 文件并添加此代码SKIP_PREFLIGHT_CHECK=true。祝你好运

Answer 4

这是为了帮助其他全新的人做出反应，以及谁在启动第一个应用程序时遇到问题，即使他们进行了全新安装并尝试使用 npm install 和我在论坛中看到的其他修复程序。

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

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

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

Answer 5

是的，您不应该在全球范围内安装react-scripts，它将无法正常工作。

我想我第一次在其他计算机上创建项目时没有使用--save，所以对我来说，这可以解决问题：

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

Answer 6

正如丹所说，正确的是，

如果你看到这个：

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.

这应该会让你重新站起来。

Answer 7

我可能很晚才回答这个问题，但这对我有用，它可能会帮助某人回到发展轨道！

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

干杯！！