有一个 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 安装依赖。