在Angular项目中查找无用的依赖注入

Question

我尝试使用 Eslint 在我的 Angular/Ionic 组件中查找无用的依赖项注入。

例子：

import { BasicDataService } from '../../providers/basic-data.service';

@Component({
    selector: 'app-login',
    templateUrl: './login.page.html',
    styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnInit {
    constructor(
        private bd: BasicDataService,
    ) {}
}

属性bd是在构造函数中定义的，但是没有被使用，Eslint 怎么会高亮呢？

My.eslintrc.json 到目前为止是：

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": ["@typescript-eslint"],
    "rules": {}
}

在之前的一个项目中，我使用了规则@typescript-eslint/no-unused-vars-experimental ，但它似乎最近被删除了。

谢谢！

Answer 1

没有 lint ESLint 规则可以分析 TS 的私有 class 属性。

TS 本身可以通过它的noUnusedLocals编译器选项来做到这一点。 尽管请注意，这也将匹配未使用的变量。

https://www.typescriptlang.org/tsconfig#noUnusedLocals