angular - 如何运行@angular-eslint/schematics :convert-tslint-to-eslint

Question

我正在尝试按照 angular-eslint Github repo 中的说明将 Angular 项目从 TSLint 切换到 ESLint .
我跑了ng add @angular-eslint/schematics它在我的 package.json 中添加了以下依赖项:

    "@angular-eslint/builder": "1.2.0",
    "@angular-eslint/eslint-plugin": "1.2.0",
    "@angular-eslint/eslint-plugin-template": "1.2.0",
    "@angular-eslint/schematics": "1.2.0",
    "@angular-eslint/template-parser": "1.2.0",
    "@typescript-eslint/eslint-plugin": "4.3.0",
    "@typescript-eslint/parser": "4.3.0",
    "eslint": "7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",

另外，跑 npm install以确保这些都已安装。
现在我被指示运行:

ng g @angular-eslint/schematics:convert-tslint-to-eslint --remove-tslint-if-no-more-tslint-targets --ignore-existing-tslint-config

但是，这会导致错误:

Unknown option: '--remove-tslint-if-no-more-tslint-targets'
Unknown option: '--ignore-existing-tslint-config'

当我删除这些选项时，我收到另一个错误:

Invalid rule result: Instance of class Promise.

似乎这个 angular-eslint 示意图没有正确安装。但是，我对这些原理图完全是新手。我一定在这里遗漏了一些明显的东西。
使用@angular/cli 10.2.3。

Answer 1

这取决于您项目的 Angular 版本，因为它 安装不同版本的 @angular-eslint/schematics用于不同 Angular 版本
步骤 将会:
A. 将@angular-eslint 添加到您的项目中:

ng add @angular-eslint/schematics

B.如果你有一个 Angular 12 项目，你就大功告成了!对于 Angular 11，运行以下命令:

ng g @angular-eslint/schematics:convert-tslint-to-eslint --remove-tslint-if-no-more-tslint-targets

(仅当您想忽略旧的 tslint 配置时才使用: --ignore-existing-tslint-config 标志)
如果您使用的是 Angular 9 或 10 ，安装了旧版本的原理图，并且转换命令略有不同。在转换为 ESLint 之前，您可能希望优先升级 Angular。但如果你真的想先升级 linting，请使用以下命令:

ng g @angular-eslint/schematics:convert-tslint-to-eslint <project-name-here>

Detailed blog for tslint to eslint migration