Angular 15中subscribe仍提示弃用，改代码及换ESLint后未解决

1. 修正subscribe调用写法（核心原因） #

RxJS 7.8+（Angular 15默认集成版本）已废弃单独传入next/error/complete三个回调函数的subscribe重载形式，官方明确推荐使用对象字面量形式传入回调逻辑。

错误写法（仍会触发废弃提示）：

this.getAllBox().subscribe(
  (res) => { /* 响应处理逻辑 */ },
  (err) => { /* 错误处理逻辑 */ },
  () => { /* 完成处理逻辑 */ }
);

正确写法：

this.getAllBox().subscribe({
  next: (res) => { /* 响应处理逻辑 */ },
  error: (err) => { /* 错误处理逻辑 */ },
  complete: () => { /* 完成处理逻辑 */ }
});

2. 确保ESLint配置正确识别RxJS规则 #

切换到ESLint后，需配置RxJS相关规则来准确检测废弃语法：

• 安装必要依赖：

npm install @typescript-eslint/eslint-plugin eslint-plugin-rxjs --save-dev

• 在.eslintrc.json中添加规则：

{
  "plugins": ["rxjs"],
  "rules": {
    "rxjs/no-deprecated-subscribe": "error"
  }
}

3. 清理WebStorm缓存并重启 #

WebStorm的缓存可能导致旧提示无法更新：

• 点击File -> Invalidate Caches...
• 勾选Clear file system cache and local history，选择Invalidate and Restart

4. 确认RxJS版本兼容 #

检查package.json中rxjs版本应为~7.8.0或更高（Angular 15默认配套版本），若版本过低执行更新：

npm update rxjs

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