Expo Web修改index.html后浏览器不生效，如何实现开发热更新？

你猜的没错，web/index.html默认只在生产构建阶段被使用，开发环境里Expo会调用内置模板，直接修改这个文件自然看不到变化。要让开发环境也能加载自定义的index.html，按以下步骤操作：

• 修改项目配置文件：在app.json或app.config.js中添加web配置项，明确指定开发环境使用自定义的index.html路径：

  {
    "expo": {
      // 保留原有其他配置
      "web": {
        "devServer": {
          "static": {
            "directory": "./web"
          }
        },
        "indexPath": "web/index.html"
      }
    }
  }
  

• 重启开发服务：保存配置后，关闭当前运行的expo start --web进程，重新执行该命令启动服务。

• 强制刷新浏览器：浏览器可能会缓存旧资源，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，就能看到修改后的效果。

注意：如果使用Expo SDK 49及以上版本，上述配置完全适用；更低版本可能需要微调devServer配置格式，但大部分场景下上面的方法都能解决问题。

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