使用firebase serve启动本地服务器加载旧代码的问题求助

• 强制刷新浏览器缓存
  浏览器会自动缓存CSS这类静态资源，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新，跳过缓存加载最新文件。测试时也可以打开浏览器开发者工具的「网络」面板，勾选「禁用缓存」，保持DevTools打开再刷新页面。

• 重启本地服务器
  firebase serve有时会把文件缓存到内存里，先按Ctrl+C终止当前服务，再重新运行firebase serve，让服务器重新读取public文件夹的最新内容。

• 核对文件路径与命名
  确认新CSS文件的路径和HTML里引用的完全一致，注意大小写——Linux/macOS环境下style.css和Style.css是两个不同的文件，别因为路径写错加载了旧文件。

• 检查firebase.json配置
  打开firebase.json，确认hosting里的public字段确实指向你的目标文件夹（默认是"public"），同时看看有没有设置强制缓存的规则，要是有可以临时注释掉：

  {
    "hosting": {
      "public": "public",
      // 若有这类缓存规则可先注释
      // "headers": [
      //   {
      //     "source": "**/*.css",
      //     "headers": [{"key": "Cache-Control", "value": "max-age=31536000"}]
      //   }
      // ]
    }
  }
  

• 清除Firebase CLI本地缓存
  运行以下命令清空CLI的本地缓存：

  firebase clear
  

  之后再重新启动服务。

• 确认文件已真正替换
  检查public文件夹里的新文件是否真的覆盖了旧文件，看看文件的修改时间，排除编辑器保存失败、权限不足导致文件没替换成功的情况。

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