如何调试 TSLint 错误?

Posted

技术标签:

【中文标题】如何调试 TSLint 错误?【英文标题】:How to debug a TSLint error? 【发布时间】:2017-09-20 11:43:21 【问题描述】:

我正在使用 webstorm 和 Angular 2 应用程序。发生了一些变化,似乎 tslint 不喜欢我的 tslint.json 文件。

 TSLint: TypeError: Cannot read property '1' of undefined

我不知道如何开始调试它,因为错误没有表明(我可以看到)tslint 文件中的问题所在。

顺便说一句,我已经使用了项目附带的默认 tslint 文件,我没有做任何更改。

是否有可以在我的 tslint 文件上运行的验证命令来显示错误在哪里?

节点:7.8 TSLint:5.1

TSLINT 下方:


  "rulesDirectory": [
    "node_modules/codelyzer"
  ],
  "rules": 
    "callable-types": true,
    "class-name": true,
    "comment-format": [
      true,
      "check-space"
    ],
    "curly": true,
    "eofline": true,
    "forin": true,
    "import-blacklist": [true, "rxjs"],
    "import-spacing": true,
    "indent": [
      true,
      "spaces"
    ],
    "interface-over-type-literal": true,
    "label-position": true,
    "max-line-length": [
      true,
      140
    ],
    "member-access": false,
    "member-ordering": [
      true,
      "static-before-instance",
      "variables-before-functions"
    ],
    "no-arg": true,
    "no-bitwise": true,
    "no-console": [
      true,
      "debug",
      "info",
      "time",
      "timeEnd",
      "trace"
    ],
    "no-construct": true,
    "no-debugger": true,
    "no-duplicate-variable": true,
    "no-empty": false,
    "no-empty-interface": true,
    "no-eval": true,
    "no-inferrable-types": [true, "ignore-params"],
    "no-shadowed-variable": true,
    "no-string-literal": false,
    "no-string-throw": true,
    "no-switch-case-fall-through": true,
    "no-trailing-whitespace": true,
    "no-unused-expression": true,
    "no-use-before-declare": true,
    "no-var-keyword": true,
    "object-literal-sort-keys": false,
    "one-line": [
      true,
      "check-open-brace",
      "check-catch",
      "check-else",
      "check-whitespace"
    ],
    "prefer-const": true,
    "quotemark": [
      true,
      "single"
    ],
    "radix": true,
    "semicolon": [
      "always"
    ],
    "triple-equals": [
      true,
      "allow-null-check"
    ],
    "typedef-whitespace": [
      true,
      
        "call-signature": "nospace",
        "index-signature": "nospace",
        "parameter": "nospace",
        "property-declaration": "nospace",
        "variable-declaration": "nospace"
      
    ],
    "typeof-compare": true,
    "unified-signatures": true,
    "variable-name": false,
    "whitespace": [
      true,
      "check-branch",
      "check-decl",
      "check-operator",
      "check-separator",
      "check-type"
    ],

    "directive-selector": [true, "attribute", "app", "camelCase"],
    "component-selector": [true, "element", "app", "kebab-case"],
    "use-input-property-decorator": true,
    "use-output-property-decorator": true,
    "use-host-property-decorator": true,
    "no-input-rename": true,
    "no-output-rename": true,
    "use-life-cycle-interface": true,
    "use-pipe-transform-interface": true,
    "component-class-suffix": true,
    "directive-class-suffix": true,
    "no-access-missing-member": true,
    "templates-use-public": true,
    "invoke-injectable": true
  

【问题讨论】:

【参考方案1】:

您可以在终端上运行 ng lint 命令,它会准确地向您显示文件的哪一行出现此错误。这也取决于你如何设置你的 package.json。

【讨论】:

我得到:“您必须在 angular-cli 项目中才能使用 lint 命令。”但“ng serve”工作正常。 好吧,在这种情况下,您的 package.json 中似乎配置错​​误。缺少 lint 命令或全局和本地角度版本不匹配。【参考方案2】:

node_modules/tslint/lib/linter.js 中找到applyRule 定义并替换行:

error_1.showWarningOnce("Warning: " + error.message);

与:

error_1.showWarningOnce("Warning: " + error.message + " " + error.stack);

我提交了issue。

【讨论】:

以上是关于如何调试 TSLint 错误?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 TSLint 查看反应脚本 ESLint 错误

如何/在哪里可以查看 WebStorm 中当前项目的所有 TSLint 错误?

如何在 WebStorm 中保存 TSLint?

如何在 TSLint 中启用“仅错误预防”? (禁用样式检查等)

如何在 VScode 中禁用 tslint 检查?

tslint 正确的错误/警告处理