提交至Github的JavaScript代码变更未在页面生效,求解决步骤
解决浏览器仍显示旧代码的问题
- 清除浏览器缓存:浏览器会自动缓存JS、CSS这类静态资源,按
Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面;也可以打开DevTools的Network面板,勾选「Disable cache」选项后再刷新页面。 - 确认部署状态:如果是通过GitHub Pages部署的应用,GitHub Pages的更新可能存在延迟,等待几分钟后再刷新页面;同时检查仓库中提交的文件是否是你修改后的版本,以及页面加载的JS文件路径是否和仓库中的文件路径一致。
- 检查是否需要重新构建:如果项目使用了Webpack、Gulp这类打包工具,你修改的可能是源码文件,但页面加载的是打包后的产物。这种情况下需要重新执行构建命令,将新的打包文件提交到仓库后再部署。
- 添加版本号强制更新:可以在页面引入JS文件的路径后添加版本参数,比如将
<script src="script.js"></script>改为<script src="script.js?v=2"></script>,强制浏览器加载新文件。 - 重启本地服务器:如果是在本地运行项目,本地服务器可能缓存了旧文件,重启服务器后再测试页面。
内容的提问来源于stack exchange,提问作者Thomas T.
相关产品推荐
相关产品推荐

