sh:react-scripts:运行npm start后找不到命令


135

我将一个React应用程序克隆到我的系统上并运行以下命令

npm install -g create-react-app
npm install --save react react-dom

之后我跑了

npm start 

但是它引发了上述错误,在我将其推送到github的其他系统上也可以正常工作。但是克隆Windows或Mac后,它在任何其他系统上均不起作用。


您是在创建应用时使用的,create-react-app appcd app在运行之前添加了它的npm start

它使用create-react-app应用程序创建了它
Devesh Jadon

4
npm install跑步前尝试一下npm start吗?

Answers:


225

检查node_modules目录是否存在。新鲜克隆后,极有可能没有node_modules(因为这些是.gitignore'd)。

运行npm install以确保下载了所有部门。

替代解决方案

如果node_modules存在,请使用删除它,rm -rf node_modules然后运行npm install


9
这个解决方案对我有用。但是我也不得不删除package-lock.json
维克多·奥古斯托

6
我还想提一下,如果使用Yarn初始化了项目,但随后尝试运行,则会npm install发生这种情况。这行不通:它们彼此不兼容。运行npm install在纱线生产的树将腐败它的顶部。我在这里提出了一个问题但目前解决方案是(如果您使用Yarn)始终用于yarn add添加程序包,如果将其弄乱则删除node_modules并重新运行yarn
Dan Abramov

是的,它有效。但这似乎是整个用户的共同问题。我想知道到底是什么引起了这个问题。
阿伦·拉马尚德兰

@ArunRamachandran问题的原因在第一和第二句话中:After a fresh clone, there will very likely be no node_modules (since these are .gitignore'd).
DeBraid

1
@ArunRamachandran使用package.json添加新的deps时,不应覆盖该文件npm install newDep。也许您的项目正在使用yarn?见stackoverflow.com/a/49575980/2700718
DeBraid

21

我有类似的问题。以我为例,它有助于安装Yarn并首先执行命令

yarn

然后执行命令

yarn start

如果您克隆的项目具有yarn.lock文件,那么这也可能对您有用。希望能帮助到你!


1
有谁知道为什么使用可以yarn解决npm问题?
DJ2

20

尝试了以上所有方法,但没有任何效果,所以我使用了npm i react-scripts


这已经解决了我的问题。我不得不运行:yarn add react-scripts
user1941537

8

https://github.com/facebookincubator/create-react-app

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

您全局安装create-react-app软件包。之后,您运行它并创建一个名为的项目my-app。输入您的项目文件夹,然后运行npm start。如果那不起作用,请尝试运行npm install然后npm start。如果还不能解决问题,请尝试更新节点版本和/或npm。


5

您不应该在全局范围内安装react-scripts,对我来说,这可以解决此问题:

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

如果这仍然不起作用:

1 - update to latest npm version : npm install -g npm@latest
2 - delete node_modules directory
3 - reinstall all dependencies : npm install

我不走运,我什至尝试删除package-lock.json
kritiz

5

当您使用npm install而不是来安装软件包时发生此错误,yarn install反之亦然。



3

我这个问题已经存在了很长时间,最终我偶然找到了解决方案。
事实证明,任何文件夹名称中都不能包含空格或古怪的字符

例如, ~/projects/tutorial/ReactJS/JavaScript Framework: ReactJS/app-name 因为JavaScript Framework: ReactJS包含空格而无法工作。
通常,无论如何都不要在文件夹/文件名中使用空格,这不是一个好习惯,但是我希望这可以节省至少4个小时的反复试验时间。

另外,应避免使用任何非字母数字字符


哇,我都试过了上面说的,但没有工作,我并没有在父母使用空间,但有“和”文件夹包含应用程序的反应(甚至在应用程序的名称)。这是一件棘手的事情,这样的小东西可以给这么多的问题
kritiz

我遇到了同样的问题,因为在我的路上,我在尝试解决该问题的最后50分钟中迷失了一个“&”:/
Vanderley Maia


2

在package.json中,我更改了

"start": react-scripts start"

"start": "NODE_ENV=production node_modules/react-scripts/bin/react-scripts.js start"

我希望这可以解决某些人的问题。虽然上述其他解决方案似乎对我不起作用。


1

安装material-ui后刚遇到这个问题。

只需npm install再次运行即可解决。


1

删除package-lock.json和node_modules然后npm install对我有用。


1

如果没有其他答案正常工作(在更新npm等之后)。我强烈建议您在桌面上安装该项目。

create-react-app project_name


0

在发出react-scripts build请求后,我只是随机经历了这个“ react-scripts:未找到命令”错误,以前该命令工作得很好。

重新启动系统即可解决此问题。


0

当我重新创建create-react-app时,这使我感到困惑,请确保将您的NODE_ENV变量设置为Development而不是Production,因为您的package.json中的devDependencies不会被npm install安装。


0

如果有人只愿意使用npm,则运行this npm i react-native-scripts --save,然后运行npm start或您使用的任何命令


0

解决方案1:

删除package-lock.json文件,然后键入-> npm install

解决方案2:

/Users/piyushbajpai/.npm/_logs/2019-03-11T11_53_27_970Z-debug.log

就像这是我的调试路径->这样,您将在控制台中找到它->按命令并单击链接,您将找到错误行;像这样:

详细堆栈错误:nest_form@0.1.0开始: react-scripts start

解决方案3:

用新方法删除node_module和npm i。

解决方案4:

转到node_module并删除jses文件夹并删除它,然后执行npm i并再次从npm start开始



0

适用于我的解决方案如下。尝试使用此命令创建React应用。

create-react-app react-app --scripts-version 1.1.5

0

@/在macOS上用符号重命名目录以匹配我的NPM软件包名称空间的名称后,我遇到了此错误。

当NPM命令在我的本地中查找已安装的软件包时node_modules,由于macOS重写目录路径的方式而找不到它。重命名目录后,无需重新启动即可@/运行。


0

如果您在Docker容器中遇到此问题,只需确保未在.dockerignore文件中添加node_modules。

我有相同的问题sh1:未找到react脚本。对我来说这就是解决方案


0

只需还原软件包即可解决此问题,因此只需运行命令:

npm安装或yarn安装


0

这对我有用。

如果您使用纱线:

  1. 删除 yarn.lock
  2. yarn
  3. 然后 yarn start

如果您使用的是npm:

  1. 删除 package-lock.json
  2. npm install
  3. 然后 npm start

0

如果在尝试这些解决方案后仍然有人遇到此问题:检查您的项目路径,因为节点在使用间隔目录名时存在一些问题。我更改了所有名称中都带有空格的目录名称,并且效果很好。

解决方案的想法来自:https : //npm.community/t/react-scripts-not-found/8574

我正在使用纱线BTW


0

您不能在路径中使用任何空格也不使用某些特殊字符,例如使用“&”。以我为例,我正在使用以下路径:“ D:\ P&D \ mern”,由于这个“&”,我花了50分钟试图解决问题!:/

生活与学习!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.