.NET6+React小CRUD项目启动时SPA代理循环重启求助

排查步骤与解决方案 #

1. 确认端口配置无冲突 #

• 打开项目根目录下的Properties/launchSettings.json，检查.NET后端的applicationUrl，确保和React启动的端口（默认3000）不冲突；同时确认SPA代理指向的端口（你这里的44426）未被其他服务占用。
• 手动指定React启动端口：修改package.json的start脚本为rimraf ./build && PORT=3001 react-scripts start（Windows系统用set PORT=3001 && react-scripts start），避免默认端口冲突。

2. 清理Node依赖与缓存 #

• 删除项目前端目录下的node_modules文件夹和package-lock.json（或yarn.lock）文件。
• 重新安装依赖：运行npm install（如果用yarn则是yarn install）。
• 清理npm缓存：执行npm cache clean --force。

3. 检查package.json脚本配置 #

• 确认prestart脚本中的aspnetcore-https和aspnetcore-react脚本未被篡改：这两个是.NET模板生成的默认脚本，用于配置HTTPS证书和代理，可对比新生成的.NET+React项目的package.json内容恢复默认配置。
• 临时跳过prestart启动React：修改start脚本为react-scripts start，测试是否能正常启动，排查prestart阶段的问题。

4. 修复React脚本启动异常 #

• 更新react-scripts版本：运行npm install react-scripts@latest，解决旧版本可能存在的启动bug。
• 检查前端代码语法错误：执行npm run build，看是否能正常构建，排除代码层面导致的启动失败。

5. 重置.NET SPA代理配置 #

• 打开Program.cs，确认SPA代理配置为默认格式，且前端目录路径正确：

  app.MapFallbackToFile("index.html");
  app.UseSpa(spa =>
  {
      spa.Options.SourcePath = "ClientApp"; // 替换为你的实际前端目录名
      if (app.Environment.IsDevelopment())
      {
          spa.UseReactDevelopmentServer(npmScript: "start");
      }
  });
  

• 重新生成.NET项目：终端运行dotnet clean，再执行dotnet build。

内容的提问来源于stack exchange，提问作者SNEYDER ALEJANDRO QUEVEDO ROJA