React项目部署GitHub Pages，npm run build提示homepage配置异常求助

已在package.json中配置"homepage": "https://sleepypower.github.io"，但执行npm run build时仍收到提示：

项目构建时默认假设托管在 /，可通过package.json中的homepage字段进行配置。

应用实际部署在GitHub Pages根域名（https://sleepypower.github.io），以下是排查和解决步骤：

• 调整homepage字段格式
  对于GitHub Pages的根仓库（仓库名格式为username.github.io），推荐将homepage配置为相对路径：

  "homepage": "."
  

  或者直接指定根路径：

  "homepage": "/"
  

  React Scripts对根域名部署场景的解析逻辑中，相对路径或根路径的配置比完整URL更易被正确识别，避免URL解析的潜在偏差。

• 清理缓存后重新构建
  旧缓存可能导致配置未生效，执行以下命令清理缓存并重新构建：

  rm -rf node_modules/.cache
  npm run build
  

  Windows环境执行：

  Remove-Item -Recurse -Force node_modules\.cache
  npm run build
  

• 验证构建产物的资源路径
  修改配置后，打开build/index.html，检查静态资源（JS/CSS/图片）的引用路径是否正确。根域名部署下，无论是/static/xxx还是./static/xxx的路径格式都能正常加载。

• 确认react-scripts版本适配
  当前使用的react-scripts@5.0.1对homepage的解析规则中，完整URL可能被误判为带子路径的部署场景，改用相对路径或根路径配置可规避该提示。

内容的提问来源于stack exchange，提问作者David Meléndez