技巧分享
Next.js 增量构建缓存失效与 .next 目录清理方案
创建于 2026/7/15更新于 2026/7/15
Next.js
Build Cache
Module Resolution
技巧
## 问题描述
修改代码或添加新依赖后,开发服务器出现模块解析错误:
```
Error: Cannot find module './vendor-chunks/lucide-react.js'
```
## 根本原因
Next.js 的增量构建缓存会在依赖变更后变得陈旧,导致模块引用失效。
## 解决方案
清理 .next 缓存并重启服务器:
```powershell
Remove-Item -Recurse -Force .next
npm run dev
```
## 预防措施
建议在 package.json 中添加脚本:
```json
"scripts": {
"dev:clean": "Remove-Item -Recurse -Force .next; npm run dev"
}
```
关联知识资产
TIP
资产 ID: b44c1d46-3706-4599-bf7b-c3ee30f84ea3