Angular TSLint - 找不到构建器 "@angular-devkit/build-angular:tslint"。

16

当我尝试运行命令 ng lint --fix 时,CLI 抛出以下错误:

An unhandled exception occurred: Cannot find builder "@angular-devkit/build-angular:tslint".
See "C:\Users\MOE89A~1.ZAR\AppData\Local\Temp\ng-Ijc3an\angular-errors.log" for further details.

我的 angular.json 文件中的代码检查配置:

"lint": {
  "builder": "@angular-devkit/build-angular:tslint",
  "options": {
    "tsConfig": [
      "projects/wepod-app/tsconfig.app.json",
      "projects/wepod-app/tsconfig.spec.json",
      "projects/wepod-app/e2e/tsconfig.json"
    ],
    "exclude": [
      "**/node_modules/**"
    ]
  }
},

我的package.json文件:

{
  "name": "wepod-clients",
  "version": "3.2.3",
  "scripts": {
    "ng": "ng",
    "start": "node patch.js && ng serve",
    "build": "node patch.js && node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng run wepod-app:app-shell:production && ng run wepod-app:auth-standalone:production",
    "server": "npm run build && http-server -p 9090 -c-1 dist",
    "test": "ng test",
    "lint": "ng lint --fix",
    "e2e": "ng e2e",
    "postinstall": "node patch.js && ngcc",
    "postbuild": "node post-build.js",
    "prepare": "husky install",
    "build-latest": "git pull origin production && npm run build"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^13.0.0",
    "@angular/cdk": "^13.0.0",
    "@angular/cli": "^13.0.1",
    "@angular/common": "^13.0.0",
    "@angular/compiler": "^13.0.0",
    "@angular/core": "^13.0.0",
    "@angular/forms": "^13.0.0",
    "@angular/localize": "^13.0.0",
    "@angular/platform-browser": "^13.0.0",
    "@angular/platform-browser-dynamic": "^13.0.0",
    "@angular/platform-server": "^13.0.0",
    "@angular/router": "^13.0.0",
    "@angular/service-worker": "^13.0.0",
    "@types/video.js": "^7.3.27",
    "animate.css": "^4.1.1",
    "assert": "^2.0.0",
    "bowser": "^2.11.0",
    "buffer": "^6.0.3",
    "bundle-loader": "^0.5.6",
    "compare-version": "^0.1.2",
    "constants-browserify": "^1.0.0",
    "crypto-browserify": "^3.12.0",
    "crypto-js": "^4.1.1",
    "d3": "^6.5.0",
    "hammerjs": "^2.0.8",
    "https-browserify": "^1.0.0",
    "jalali-moment": "^3.3.10",
    "lottie-web": "^5.7.13",
    "lzutf8": "^0.6.0",
    "net": "^1.0.2",
    "ng-gallery": "^5.1.1",
    "ng2-jalali-date-picker": "^2.4.2",
    "ngx-device-detector": "^1.5.2",
    "ngx-doughnut-chart": "0.0.4",
    "ngx-infinite-scroll": "^8.0.2",
    "ngx-lottie": "^7.0.4",
    "ngx-owl-carousel-o": "^3.1.1",
    "ngx-skeleton-loader": "^2.10.1",
    "ngx-toastr": "^12.1.0",
    "os-browserify": "^0.3.0",
    "podchat-browser": "^10.14.13",
    "rxjs": "^6.6.7",
    "stream-browserify": "^3.0.0",
    "stream-http": "^3.2.0",
    "tls": "0.0.1",
    "tslib": "^2.0.0",
    "uuid": "^8.3.2",
    "video.js": "^7.15.4",
    "videojs-record": "^4.5.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^13.0.1",
    "@angular-devkit/core": "^13.0.1",
    "@angular/compiler-cli": "^13.0.0",
    "@angular/language-service": "^13.0.0",
    "@egjs/hammerjs": "^2.0.17",
    "@types/hammerjs": "^2.0.40",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "^2.0.10",
    "@types/node": "^12.20.36",
    "codelyzer": "^6.0.0",
    "colors": "^1.4.0",
    "git-tag-version": "^1.3.1",
    "gulp": "^4.0.2",
    "gulp-gzip": "^1.4.2",
    "http-server": "^14.0.0",
    "husky": "^7.0.4",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "^6.3.7",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "^2.1.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "^7.0.0",
    "ts-node": "^8.10.2",
    "tslint": "^6.1.3",
    "typescript": "4.4.4",
    "zip-dir": "^2.0.0"
  },
  "browser": {
    "fs": false,
    "path": false,
    "os": false
  }
}
2个回答

27

从v13开始,Angular不再使用tslint,因为它已被弃用

运行ng add @angular-eslint/schematicseslint添加到您的应用程序中。

它将使用tslint-to-eslint-config自动将您迁移到eslint

它将生成一个.eslintrc.json文件,并将tslint.json迁移到其中。

无需执行其他操作。


你怎么运行它? - johnstaveley
ng add @angular-eslint/schematics 会自动完成其余部分。 - Mahdi Zarei
谢谢。这是由cli建议的,但我不确定在使用tslint时是否正确的方法。 - MikhailRatner
9
这种方法在我的情况下并没有奏效。它显示“安装包成功”,但是并没有迁移 .eslintrc.json 文件,运行 ng lint 仍然会出现相同的错误信息。我还可以看到 angular.json 中的 lint 配置仍然参考 tslint。 - Peter Stjernholm Meldgaard
你使用的 Angular 版本是什么?@PeterStjernholmMeldgaard - Mahdi Zarei

17

@MahdiJoon是一个很好的答案!我认为它适用于大多数项目。

我添加这个答案给那些像我一样已经手动删除了tslint的开发人员。

如果你和我一样这样做了,那么:

  1. ng add @angular-eslint/schematics来安装eslint
  2. ng g @angular-eslint/schematics:convert-tslint-to-eslint <project-name>来迁移tslint.json配置到.eslintrc.json
  3. (可选)对其他项目(如e2e)运行上一个命令

无法设置未定义的属性(设置'lint') - Aqeel Ashiq
你在用 Angular@13 吗?这个答案已经有一年多了,可能需要一些调整才能与当前的工具包配合使用。 - funder7
1
是的。Angular 15。完全由你决定,如果你想更新答案。 - Aqeel Ashiq
1
是的,完全由你决定,伙计。如果你想更新答案,那就更新吧。 - undefined
嗨 @AqeelAshiq,很抱歉我目前不在处理Angular的工作,如果你想的话,可以发送一个编辑请求,我会将你的版本添加到答案中。 - undefined
显示剩余2条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接