更新TSLint錯誤：無法找到配置中指定的以下規則的實現

Question

我將我的tslint升級到4.0.2，現在我收到了很多錯誤，如下所示

Could not find implementations for the following rules specified in the configuration:
    directive-selector-name
    component-selector-name
    directive-selector-type
    component-selector-type
    directive-selector-prefix
    component-selector-prefix
    label-undefined
    no-constructor-vars
    no-duplicate-key
    no-unreachable
    use-strict

我相信問題可能是我的tslint.json可能已經過時了，我需要更新它，但我沒有找到任何關於如何做到這一點的信息，或者即使我的假設是正確的。

tslint.json

{
  "rulesDirectory": [
    "node_modules/codelyzer"
  ],
  "rules": {
    "directive-selector-name": [true, "camelCase"],
    "component-selector-name": [true, "kebab-case"],
    "directive-selector-type": [true, "attribute"],
    "component-selector-type": [true, "element"],
    "directive-selector-prefix": [true, "my"],
    "component-selector-prefix": [true, "my"],
    "use-input-property-decorator": true,
    "use-output-property-decorator": true,
    "use-host-property-decorator": true,
    "no-attribute-parameter-decorator": true,
    "no-input-rename": true,
    "no-output-rename": true,
    "no-forward-ref" :true,
    "use-life-cycle-interface": true,
    "use-pipe-transform-interface": true,
    "pipe-naming": [true, "camelCase", "my"],
    "component-class-suffix": true,
    "directive-class-suffix": true,
    "ban": [true,
      ["_", "extend"],
      ["_", "isNull"],
      ["_", "isDefined"]
    ],
    "class-name": true,
    "comment-format": [false,
      "check-space",
      "check-lowercase"
    ],
    "curly": true,
    "eofline": true,
    "forin": true,
    "indent": [true, 2],
    "interface-name": true,
    "jsdoc-format": true,
    "label-position": true,
    "label-undefined": true,
    "max-line-length": [false, 140],
    "member-ordering": [true,
      "public-before-private",
      "static-before-instance",
      "variables-before-functions"
    ],
    "no-arg": true,
    "no-bitwise": true,
    "no-console": [true,
      "debug",
      "info",
      "time",
      "timeEnd",
      "trace"
    ],
    "no-construct": true,
    "no-constructor-vars": false,
    "no-debugger": true,
    "no-duplicate-key": true,
    "no-duplicate-variable": true,
    "no-empty": true,
    "no-eval": true,
    "no-string-literal": true,
    "no-switch-case-fall-through": true,
    "trailing-comma": true,
    "no-trailing-whitespace": true,
    "no-unused-expression": true,
    "no-unused-variable": true,
    "no-unreachable": true,
    "no-use-before-declare": true,
    "no-var-requires": true,
    "one-line": [true,
      "check-open-brace",
      "check-catch",
      "check-else",
      "check-whitespace"
    ],
    "quotemark": [true, "single"],
    "radix": true,
    "semicolon": true,
    "triple-equals": [true, "allow-null-check"],
    "typedef": [true,
      "callSignature",
      "indexSignature",
      "parameter",
      "propertySignature",
      "variableDeclarator"
    ],
    "typedef-whitespace": [true,
      ["callSignature", "noSpace"],
      ["catchClause", "noSpace"],
      ["indexSignature", "space"]
    ],
    "use-strict": false,
    "variable-name": false,
    "whitespace": [true,
      "check-branch",
      "check-decl",
      "check-operator",
      "check-separator",
      "check-type"
    ]
  }
}

packages.json

{
  "dependencies": {
    "@angular/common": "^2.2.4",
    "@angular/compiler": "^2.2.4",
    "@angular/core": "^2.2.4",
    "@angular/forms": "^2.2.4",
    "@angular/http": "^2.2.4",
    "@angular/platform-browser": "^2.2.4",
    "@angular/platform-browser-dynamic": "^2.2.4",
    "@angular/router": "^3.2.4",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.14",
    "ag-grid": "^7.0.0",
    "angularfire2": "^2.0.0-beta.5",
    "core-js": "^2.4.1",
    "firebase": "^3.6.2",
    "rxjs": "5.0.0-rc.4",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "del": "^2.0.2",
    "gulp": "gulpjs/gulp#4ed9a4a3275559c73a396eff7e1fde3824951ebb",
    "gulp-hub": "frankwallis/gulp-hub#d461b9c700df9010d0a8694e4af1fb96d9f38bf4",
    "gulp-filter": "^4.0.0",
    "gulp-util": "^3.0.7",
    "gulp-sass": "^2.1.1",
    "browser-sync": "^2.18.2",
    "browser-sync-spa": "^1.0.3",
    "karma": "^1.3.0",
    "karma-coverage": "^1.1.1",
    "karma-jasmine": "^1.0.2",
    "karma-junit-reporter": "^1.1.0",
    "jasmine": "^2.4.1",
    "es6-shim": "^0.35.0",
    "karma-chrome-launcher": "^2.0.0",
    "babel-plugin-istanbul": "^3.0.0",
    "karma-webpack": "^1.7.0",
    "webpack": "2.1.0-beta.20",
    "html-webpack-plugin": "^2.24.1",
    "style-loader": "^0.13.0",
    "css-loader": "^0.26.0",
    "postcss-loader": "^1.1.1",
    "autoprefixer": "^6.5.3",
    "json-loader": "^0.5.4",
    "extract-text-webpack-plugin": "^2.0.0-beta.3",
    "html-loader": "^0.4.3",
    "ts-loader": "^1.2.2",
    "sass-loader": "^4.0.2",
    "node-sass": "^3.13.0",
    "eslint": "^3.11.1",
    "eslint-config-xo-space": "^0.15.0",
    "eslint-loader": "^1.6.1",
    "babel-loader": "^6.2.8",
    "babel-eslint": "^7.1.1",
    "eslint-plugin-babel": "^4.0.0",
    "tslint": "^4.0.2",
    "typescript": "^2.0.10",
    "typings": "^2.0.0",
    "tslint-loader": "^3.2.1",
    "codelyzer": "^2.0.0-beta.1"
  },
  "scripts": {
    "build": "gulp",
    "serve": "gulp serve",
    "serve:dist": "gulp serve:dist",
    "test": "gulp test",
    "test:auto": "gulp test:auto"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "browser": true,
      "jasmine": true
    },
    "extends": [
      "xo-space/esnext"
    ]
  }
}

Answer 1

我在同一條船上。 我不知道你以前的tslint版本是什么，但是，對我來說，我從3.15.1升級到了4.0.2，我生成的“破碎規則”列表與你的不同。 不過，我可以為你和我的共同點提供一些修復/解釋。

我剛剛在GitHub上找到了tslint的更改日志 ，發現了破壞的規則，在行尾收到了問題編號，並查找了問題。 最簡單的導航方法是將問題編號添加到GitHub問題URL的末尾。 例如， label-undefined是http // github.com / palantir / tslint / issues / 877

這是我必須弄清楚的

• label-undefined - > typescript編譯器現在處理這個，所以從tslint.json中刪除"label-undefined": true然后將"allowUnusedLabels": false添加到"allowUnusedLabels": false的compilerOptions部分
• no-constructor-vars - >重命名規則，因此在tslint.json中將"no-constructor-vars"更改為"no-parameter-properties"
• no-duplicate-key - >刪除"no-duplicate-key": true完全為"no-duplicate-key": true b / c typescript現在處理它（如果是雙鍵則不會編譯）。
• no-unreachable - > typescript編譯器現在處理這個，所以從tslint.json中刪除"no-unreachable": true然后在"noImplicitReturns": true的compilerOptions部分添加"noImplicitReturns": true
• use-strict - >刪除"use-strict"規則b / c typescript現在以嚴格模式解析所有模塊體。

Answer 2

截至，codelyzer 2.0.0-beta.1有一些重大變化。 他們刪除了不再支持的directive-selector-name，component-selector-name，directive-selector-type，component-selector-type，directive-selector-prefix和component-selector-prefix。 相反，他們添加了以下規則：

"directive-selector": [true, "attribute", "app", "camelCase"],
"component-selector": [true, "element", "app", "kebab-case"],

請查看codelyzer的更改日志並搜索不受支持的任何規則

Answer 3

tslint v4刪除了一堆不再有意義的規則，TypeScript檢查變得更好。 如果您仍想使用這些規則，則需要使用tslint v3。

Answer 4

從角度項目復制規則后，我遇到了同樣的問題。 只需創建一個新的空打字稿項目，你就可以了。

Answer 5

我遇到了同樣的問題， Could not find implementations for the following rules...警告出現在我的IDE，WebStorm 2016.x中。 就我而言，規則實現是由IDE提供的，因為升級我的WebStorm解決了這個問題。

我升級了Typescript，TSLint和Codelyzer無濟於事。 我檢查了tslint.json文件的內容，什么也沒找到。 升級WebStorm解決了這個問題。

Answer 6

升級Angular項目后我遇到了同樣的問題。 刪除此規則為我解決了這個問題：

"no-misused-new"