‘react-scripts’ 不被识别为内部或外部命令

作者

‘react-scripts’ 不被识别为内部或外部命令

‘react-scripts’ is not recognized as an internal or external command

要解决“react-scripts 未被识别为内部或外部命令、可运行程序或批处理文件”错误，请在项目的根目录中打开终端并通过运行安装包并在必要时清除 npmreact-scripts缓存
npm install react-scripts。

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳
# 👇️ With npm
npm install react-scripts

# ----------------------------------------------

# 👇️ With yarn
yarn add react-scripts

删除您的 node_modules 并重新安装您的依赖项

如果错误未解决，请尝试删除您的node_modules和
package-lock.json（不是
package.json）文件，重新运行npm install并重新启动您的 IDE。

如果您使用的是 Windows，请在 CMD 中运行以下命令。

命令
# 👇️  (Windows) delete node_modules and package-lock.json
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

bash如果您使用的是 macOS 或 Linux，请在或中运行以下命令zsh。

壳
# 👇️  (macOS/Linux) delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

重启你的代码编辑器和开发服务器

如果错误仍然存​​在，请确保重新启动 IDE和开发服务器。

VSCode 经常出现故障，有时重启可以解决问题。

运行npm audit fix命令

如果错误仍然存​​在，请在项目的根目录中打开终端并运行npm audit fix命令：

壳
npm audit fix

该npm audit fix命令查找漏洞并对包树应用补救措施。

如果在运行命令时出现错误，请--force在末尾添加标志：

壳
npm audit fix --force

您也可以尝试使用该选项运行命令--legacy-peer-deps。

壳
npm audit fix --legacy-peer-deps

安装最新版本react-scripts

如果错误未解决，请尝试安装最新版本的
react-scripts.

壳
# 👇️ With npm
npm install react-scripts@latest

# ----------------------------------------------

# 👇️ With yarn
yarn add react-scripts@latest

清理缓存并重建

您可以尝试的另一件事是清理npm缓存并运行npm rebuild
命令。

壳
npm cache clean --force

npm rebuild

npm install

该npm rebuild命令类似于npm install升级 Node.js 版本后最常使用的命令。

验证react-scripts在你的dependencies对象中

如果错误仍然存​​在，请打开您的package.json文件并确保它包含对象react-scripts中的包dependencies。

包.json
{
  // ... rest
  "dependencies": {
    "react-scripts": "^5.0.0"
  }
}

该react-scripts模块不应全局安装或位于您的项目中devDependencies，它应该位于dependencies您
package.json文件中的对象中。

您可以尝试手动添加该行并重新运行npm install。

壳
npm install

或者安装最新版本的包：

壳
npm install react-scripts@latest

如果错误仍然存​​在，您可能没有在 Windows 系统的 PATH 环境变量中设置 Node.js。

我已经写了一篇关于
如何在 Windows 上正确设置 Node.js 的详细指南。

单击链接并按照分步说明进行操作。

在 PATH 中设置 Node.js 后，重新启动终端并发出
react-scripts安装命令。

壳
npm install react-scripts@latest

额外资源

您可以通过查看以下教程来了解有关相关主题的更多信息：