'react-scripts'未被识别为内部或外部命令、可操作的程序或批处理文件。

47

我正在学习React,我安装的版本是16。在遇到“react-scripts不被识别为内部或外部命令、可执行程序或批处理文件”错误后,我通过npm安装了prop-types。

在此输入图片描述


你正在使用 create-react-app 吗? - Agney
是的,我正在使用create-react-app,但在安装prop-types之前它一直工作正常。 - David Essien
使其全球可用。npm install -g create-react-app - Javed Shaikh
3
执行以下操作:删除 node_modules 和 package-lock.json 文件,然后再次运行 npm install。 - Javed Shaikh
显示剩余4条评论
19个回答

70

在安装时出现一个错误,提示你的node modules目录中缺少了react-scripts文件。

现在,你可以通过以下命令手动添加:

npm install react-scripts


16

我遇到了同样的问题,通过在项目根目录下运行以下命令解决了该问题 -

npm install react-scripts --save

不建议由 CRA 维护者全局安装 react-scripts:https://github.com/facebook/create-react-app/issues/2436#issuecomment-306830791 - Tomáš Hübelbauer
@TomášHübelbauer - 应该是 --save 吗? - Sachin Vairagi
1
使用 CRA 后,默认情况下已经将 react-scripts 保存了,因此您不需要重新保存它。如果 npm install(无论是否删除 node_modules)不能解决问题,则问题可能是由于旧版本的 NPM 或 PATH 的问题,可以按照我的答案进行修复。 - Tomáš Hübelbauer

10

如果即使运行后仍未解决问题

npm install 

或者

npm install react-scripts 

运行:

node node_modules/react-scripts/scripts/start.js

或者使用Node.js命令行工具,运行npm install和npm start命令。对我来说,这解决了问题。


最佳答案,尝试了所有方法但无法在不直接启动的情况下使其工作。 - Yusuf

8
如果以上解决方法都无效,并且您已经使用以下命令安装了 "react-scripts" 包:
``` npm install react-scripts --save ```
您可以尝试以下解决方法来运行应用程序。
您应该在您的 `package.json` 文件中看到以下内容:
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
}

这段代码:"start": "react-scripts start" 与文件 nodemon node_modules/react-scripts/scripts/start.js 相关联,用于在开发环境中启动该项目。

您可以使用以下命令直接启动项目:

node node_modules/react-scripts/scripts/start.js

如果你已经安装了nodemon,那么可以尝试运行:

nodemon node_modules/react-scripts/scripts/start.js

希望这能帮到您 :)

5

只需删除 node_modules 文件夹并运行 npm install


它把一切都搞砸了!C:\Users\Xxxx>npm install internal/modules/cjs/loader.js:582 throw err; ^错误:找不到模块'semver'。 - Giox
通过运行npm install,它将生成node_module包,并将所有其他依赖项放入其中。 进入项目路径-从CLI运行npm install。 - Saurav

5
我找到了社区提供的解答,这是一个完美的解决方案。 在此输入图片描述

2

我刚遇到了这个问题,这个解决方案非常有效。

运行:

npm install react-scripts

这样应该就可以解决了... 祝你使用愉快!


1

只需键入npm install,然后运行npm start。这对我解决了问题。


0
这个问题的一个原因是 PATH 被损坏了,我找到的唯一解决方法是重新安装 NVM,并在安装程序询问是否控制已安装的 Node 版本时让其接管,它会为你修复 PATH。在我的情况下,这是解决问题的方法。

0

这是一个相当普遍的问题。 请按照以下步骤操作:

  • npm audit 命令会显示如下信息 - 7 vulnerabilities (1 low, 6 high) 您将获得漏洞信息,现在可以使用以下命令修复它们:
  • npm audit fixnpm audit fix --force 命令将提示如下信息: removed 4 packages, changed 82 packages, and audited 1623 packages in 7s

found 0 vulnerabilities

问题已解决, 祝您编程愉快!


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接