VSCode连接Docker容器后yarn build不生效 仍显示初始Git版本代码

排查步骤 #

• 优先处理Parcel缓存问题
  你使用的是parcel-bundler@1.x版本，该版本的本地缓存损坏是导致构建不生效的高频原因。直接进入容器内的代码根目录执行以下命令，清理所有缓存后重新构建：

  # 清理yarn全局缓存
  yarn cache clean
  # 删除parcel本地缓存目录
  rm -rf .parcel-cache
  # 重新执行构建
  yarn build
  

• 确认静态资源加载路径匹配
  你package.json内的build命令会将产物输出到代码根目录的build文件夹，请确认你的Python后端配置的静态资源加载目录、以及Web服务（如Nginx）的静态资源路由，是否确实指向该build文件夹，而非容器内其他位置的旧代码产物目录。

• 排查代码被后台覆盖的可能性
  进入容器内代码根目录执行git status，查看你本地修改的文件是否处于未提交状态：

  1. 如果修改消失，说明容器内存在自动执行的Git同步脚本、定时任务或者CI进程，会自动拉取远端代码并覆盖本地修改，可以通过ps aux查看当前运行进程，检查是否有相关自动同步任务。
  2. 如果修改还存在，直接打开build目录下的产物文件，搜索你最近修改的内容，如果能搜索到，说明构建本身正常，问题出在访问缓存：可以用无痕模式访问、或者按Ctrl+F5强制刷新浏览器缓存，同时确认Web服务是否配置了静态资源强缓存规则。

• 确认启动流程匹配
  你提供的launch.json是Node单文件调试配置，和当前前端构建、服务启动流程无关：

  1. 如果你是用yarn dev启动的开发服务，直接杀死当前dev进程后重新执行yarn dev即可解决热更新失效问题。
  2. 如果你是用Python服务加载构建后的静态文件，确认你执行yarn build的目录和你修改代码的目录为同一个，不要误在其他旧代码目录执行构建命令。

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