“‘react scripts”未被识别为内部或外部命令

“react scripts”未被识别为内部或外部命令，通常是因为系统环境变量中没有正确配置React的开发环境。以下是解决这个问题的详细步骤：

基础概念

React Scripts 是 Create React App 脚手架工具的一部分，用于启动开发服务器、构建生产版本、运行测试等。

问题原因

1. 未安装 Create React App：如果你还没有安装 Create React App，那么 react-scripts 命令自然无法识别。
2. 环境变量未配置：即使安装了 Create React App，如果环境变量没有正确配置，系统也无法找到 react-scripts 命令。

解决方法

1. 安装 Create React App

首先，确保你已经全局安装了 Create React App。如果没有安装，可以使用以下命令进行安装：

npm install -g create-react-app

2. 创建一个新的 React 项目

使用 Create React App 创建一个新的 React 项目：

create-react-app my-app

3. 进入项目目录

进入刚刚创建的项目目录：

cd my-app

4. 配置环境变量

确保你的系统环境变量中包含了 Node.js 和 npm 的路径。通常情况下，安装 Node.js 时会自动配置这些路径，但有时可能需要手动配置。

• Windows：
  1. 打开“控制面板” -> “系统和安全” -> “系统” -> “高级系统设置”。
  2. 点击“环境变量”。
  3. 在“系统变量”部分，找到并编辑 Path 变量，确保其中包含 Node.js 和 npm 的安装路径（例如 C:\Program Files\nodejs）。

1. macOS/Linux： 编辑 ~/.bashrc 或 ~/.zshrc 文件，添加以下行：
2. macOS/Linux： 编辑 ~/.bashrc 或 ~/.zshrc 文件，添加以下行：
3. 然后运行 source ~/.bashrc 或 source ~/.zshrc 使更改生效。

5. 验证安装

在项目目录中运行以下命令，验证 react-scripts 是否被正确识别：

npm start

如果一切正常，你应该会看到开发服务器启动，并在浏览器中打开你的 React 应用。

参考链接

• Create React App 官方文档
• Node.js 官方网站

通过以上步骤，你应该能够解决“react scripts”未被识别为内部或外部命令的问题。如果问题仍然存在，请检查是否有其他配置错误或权限问题。