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 依赖项的优化缓存已经过期了。

找到错误原因就好办了，解决方法和过程如下：

1. 首先清理 Vite 的依赖缓存，删除 node_modules/.vite 文件夹，
   运行：rm -rf node_modules/.vite
2. 重新安装依赖:
   
   运行：npm install
3. 提示有一些问题，运行：npm audit fix --force
4. 重启开发服务 npm run dev，搞定！
   
   

   

   
   
   
5. 如果删除 node_modules/.vite 这个目录还不行的话，就把 node_modules 整个目录全部删除，再重新运行 npm install 安装依赖。

来源：https://www.cnblogs.com/czha2002/p/18757332