GitHub Pages部署后main.js和main.css出现404错误求助

核心问题：homepage配置错误 #

你当前在package.json里设置的"homepage": "https://github.com/zKittyGB/cv.git"是仓库的Git克隆地址，这不是GitHub Pages的正确访问路径，会导致静态资源的引用路径错误，进而出现404。

修复步骤 #

• 修正package.json的homepage字段：改成GitHub Pages的实际访问地址：

  "homepage": "https://zkittygb.github.io/cv/"
  

• 重新构建并部署：
  1. 执行npm run build重新生成带正确路径的静态资源
  2. 执行npm run deploy（确保你的package.json里已配置deploy脚本，比如"deploy": "gh-pages -d build"）

不要直接修改build文件夹 #

直接修改build里的文件没有意义，因为每次执行npm run build都会重新生成build目录，覆盖你手动修改的内容。必须通过修改配置后重新构建，才能让静态资源的引用路径永久正确。

验证修复 #

部署完成后，打开浏览器控制台，查看main.js和main.css的请求地址，应该是类似https://zkittygb.github.io/cv/static/js/main.[hash].js的格式，而非错误的根路径或Git仓库路径。

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