Angular项目执行ng lint报错：找不到@typescript-eslint/utils模块

问题分析 #

报错显示@angular-eslint/utils依赖的@typescript-eslint/utils模块未找到，结合你的package.json来看，存在两个核心问题：

1. @angular-eslint/utils被错误放置在生产依赖dependencies中，它属于开发工具依赖，应该放在devDependencies
2. 缺失@typescript-eslint/utils包，且现有typescript-eslint版本需与依赖包版本保持一致

解决步骤 #

1. 调整package.json依赖配置
   将@angular-eslint/utils从dependencies移至devDependencies，并添加@typescript-eslint/utils（版本与typescript-eslint保持一致为8.2.0）。修改后的devDependencies片段如下：

   "devDependencies": {
     // ... 其他原有依赖
     "@angular-eslint/utils": "^18.3.1",
     "typescript-eslint": "8.2.0",
     "@typescript-eslint/utils": "8.2.0"
     // ... 其他原有依赖
   }
   

2. 清理现有依赖文件
   删除node_modules文件夹和包锁文件：

   # Windows系统执行
   rmdir /s/q node_modules
   del package-lock.json
   
   # macOS/Linux系统执行
   rm -rf node_modules package-lock.json
   

3. 重新安装依赖

   npm install
   

4. 验证修复效果
   再次运行lint命令：

   ng lint
   

额外说明 #

@angular-eslint与typescript-eslint存在严格的版本兼容关系，Angular 18对应的@angular-eslint 18.x兼容typescript-eslint 7.x或8.x，确保相关子包版本匹配可避免类似冲突。

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