如何调试 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 错误?的主要内容,如果未能解决你的问题,请参考以下文章
如何/在哪里可以查看 WebStorm 中当前项目的所有 TSLint 错误?