Yarn/Vite/Vue3项目缓存异常：修改代码需重复执行yarn vite

• 浏览器端缓存处理：打开开发者工具（F12），在Network面板勾选「Disable cache」，刷新页面后再修改代码测试；也可以手动清除当前localhost域名的缓存（浏览器设置→隐私和安全→清除浏览数据，只选缓存文件）。
• 检查Vite监听配置：打开项目根目录的vite.config.js/vite.config.ts，确认server.watch配置是否有误——比如是否不小心把源码目录加入了ignored排除列表，或者开启了disableGlobbing导致监听失效。正常的监听配置示例：

  export default defineConfig({
    server: {
      watch: {
        ignored: ['!**/node_modules/**'],
      },
    },
  })
  

• 调整系统文件监听上限：Linux/macOS系统对文件监听数量有默认限制，当项目文件过多时Vite可能无法及时检测变化。
  • Linux执行：echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
  • macOS执行：echo kern.maxfiles=65536 | sudo tee -a /etc/sysctl.conf && echo kern.maxfilesperproc=65536 | sudo tee -a /etc/sysctl.conf && sudo sysctl -w kern.maxfiles=65536 && sudo sysctl -w kern.maxfilesperproc=65536 && ulimit -n 65536
• 重新安装依赖：删除node_modules文件夹和yarn.lock，执行yarn install重新安装，避免依赖损坏或版本冲突导致的问题。
• 修正Git文件权限检测：如果Git误判文件权限变化为无修改，会干扰Vite监听。执行git config core.filemode false关闭Git对文件权限的检测。
• 禁用浏览器插件：广告拦截、隐私保护类插件可能会阻断Vite热更新的WebSocket连接，暂时禁用所有插件后测试。
• 调整Vite版本：尝试升级或降级Vite到稳定版本，比如执行yarn add vite@latest --dev升级，或者yarn add vite@4.4.5 --dev回退到已知稳定版。

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