Vue 3 遇到 net::ERR_ABORTED 504 (Outdated Optimize Dep) 错误的解决方法

有一个 Vue 3 的项目，之前在本地运行 npm run dev 都好好的，今天突然报了下面这个错：
GET http://localhost:5173/node_modules/.vite/deps/axios.js?v=f9440d0c net::ERR_ABORTED 504 (Outdated Optimize Dep)
先分析一下这个错误：这是 Vite 开发服务器的依赖优化错误，报这个错说明 axios 依赖项的优化缓存已经过期了。
找到错误原因就好办了，解决方法和过程如下：

• 首先清理 Vite 的依赖缓存，删除 node_modules/.vite 文件夹，运行：rm -rf node_modules/.vite
  
• 重新安装依赖:
  运行：npm install
  
• 提示有一些问题，运行：npm audit fix --force
  
• 重启开发服务 npm run dev，搞定！
  
  
  
  
  
• 如果删除 node_modules/.vite 这个目录还不行的话，就把 node_modules 整个目录全部删除，再重新运行 npm install 安装依赖。
  

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！