执行yarn start后React应用未启动且无报错，该如何解决？

核心问题定位 #

你的package.json里安装了一个名为start的第三方依赖包（版本^5.1.0），它和React项目启动命令start重名，导致yarn解析命令时出现冲突，无法正常触发react-scripts start的执行流程。

具体修复步骤 #

• 卸载冲突的start包

  yarn remove start
  

  这个包并非React项目启动所需的依赖，移除后即可避免命令名冲突。

• 清理缓存并重新安装依赖

  1. 清除yarn本地缓存：

     yarn cache clean
     

  2. 删除项目根目录下的node_modules文件夹：
     • macOS/Linux：rm -rf node_modules
     • Windows：rmdir /s /q node_modules
  3. 删除yarn.lock文件：
     • macOS/Linux：rm yarn.lock
     • Windows：del yarn.lock
  4. 重新安装所有依赖：

     yarn install
     

• 重新启动项目
  执行以下命令，项目应该能正常启动开发服务器：

  yarn start
  

额外排查方案（若以上步骤无效） #

如果问题仍存在，可以尝试直接调用react-scripts启动，绕开yarn的命令解析：

npx react-scripts start

同时检查本地端口3000是否被其他进程占用，若占用可通过修改启动端口或关闭占用进程解决。

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