在 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怎么高亮呢？

我的 .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

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

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

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

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

Find useless dependencies injection in Angular project

typescript

eslint

angular

typescript-eslint

typescript-eslintparser