React项目部署至Vercel后出现net::ERR_ABORTED 404资源未找到问题求助

问题核心 #

部署后Vercel自动为静态资源添加了/Sushiku前缀，但实际资源并未存放在该路径下，导致请求返回404错误。

可行解决步骤 #

• 修正package.json的homepage配置
  打开项目根目录的package.json，如果存在"homepage": "/Sushiku"字段，将其修改为"homepage": "."，或者直接删除该字段。React构建时会依据这个字段生成资源路径，改为相对路径后，资源会从域名根目录加载，不会带上多余前缀。
• 调整Vercel项目根目录设置
  进入Vercel控制台的对应项目，导航到Settings -> Build & Development Settings，检查Root Directory是否被错误设置为Sushiku，将其改为项目实际根目录（通常为.，确保Vercel能正确识别构建生成的build文件夹）。
• 重新构建并触发部署
  本地执行npm run build（或yarn build），检查build文件夹内的index.html，确认资源路径为相对格式（如./assets/xxx.css），之后推送代码到仓库触发Vercel重新部署。
• 排查构建日志
  查看Vercel部署时的构建日志，确认是否存在路径相关的警告或错误，排查是否有配置文件导致路径前缀异常。

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