Vercel部署项目遇404资源加载错误求助(script.js已存在)
解决Vercel部署后script.js 404错误的方法
核对文件引用路径
- 确保HTML中
script.js的引用是绝对路径,比如用<script src="/script.js"></script>,避免使用./script.js这类相对路径——Vercel静态部署的路由规则下,相对路径可能在不同页面路由下解析出错。 - 严格匹配文件名大小写:Vercel服务器区分大小写,本地系统(比如Windows)不区分,如果你本地文件是
Script.js但代码里写script.js,部署后就会404,必须完全一致。
检查Vercel部署配置与文件上传情况
- 查看
vercel.json的路由规则:如果是单页应用,正确的重写配置应该是:
这个配置不会拦截根目录的静态资源请求,别写会覆盖静态文件的错误规则。{ "rewrites": [ { "source": "/(.*)", "destination": "/index.html" } ] } - 去Vercel部署日志里确认
script.js是否被纳入部署包:如果你的.gitignore里不小心加了该文件,部署时就不会上传,直接检查日志里的文件列表就行。
清除缓存重新部署
- 在Vercel项目控制台手动触发重新部署,记得勾选「清除构建缓存」选项,避免旧缓存导致资源未更新。
确认文件实际位置
- 检查
script.js的存放目录:如果文件在js子目录下,引用路径要改成<script src="/js/script.js"></script>,必须和实际文件层级匹配。
内容的提问来源于stack exchange,提问作者Manish
相关产品推荐
相关产品推荐

