React项目部署提示serve: command not found，重装serve仍未解决怎么办？

排查解决步骤 #

• 检查npm全局安装路径是否加入系统环境变量PATH
  执行命令查看npm全局安装根路径：

  npm config get prefix
  

  • Windows系统：将输出路径下的node_modules/.bin目录添加到系统环境变量PATH中，重启终端后生效
  • Mac/Linux系统：在终端对应配置文件（_/.bashrc、/.zshrc等，根据你使用的shell选择）末尾添加如下内容：

    export PATH="$(npm config get prefix)/bin:$PATH"
    

    保存后执行source ~/.bashrc（对应你修改的配置文件）让配置即时生效
• 无需全局安装的替代调用方案
  如果你不想修改环境变量，可以直接用两种方式调用已安装的serve：
  • 用npx直接调用：部署时执行npx serve build即可，无需提前全局安装
  • 调用项目局部依赖：你已经执行过npm i -S serve安装了项目局部的serve，只需在package.json的scripts字段中新增配置：

    "scripts": {
      "start:prod": "serve build"
    }
    

    后续执行npm run start:prod即可启动服务
• 验证配置是否生效
  完成环境变量配置后，执行serve -v，如果输出版本号则说明配置正常，问题已解决。

内容的提问来源于stack exchange，提问作者Sanskriti