타입스크립트와 React와 연동하여서 개발을 연습하고 있는중 많은 부분에서 에러가 발생하는 부분이 있었다.
tslint에서 설정을 하는데 아직 정확하게 이해는 하지 못했다. 하지만 다른사람들이 설정해놓은 값으로 하니 에러가 발생하지 않았다.
https://github.com/wmonk/create-react-app-typescript/issues/216
많은 부분이 설정에 들어가는데 하나씩 들여다 봐야 하지만 우선 문제가 생기면 하나씩 뜯어봐야할듯 하다.
{ "extends": ["tslint-react", "tslint-config-prettier"], "rules": { "ban": false, "class-name": true, "comment-format": [true, "check-space"], "curly": true, "eofline": false, "forin": true, "interface-name": [true, "never-prefix"], "jsdoc-format": true, "jsx-no-lambda": false, "jsx-no-multiline-js": false, "label-position": true, "member-ordering": [ true, "public-before-private", "static-before-instance", "variables-before-functions" ], "no-any": true, "no-arg": true, "no-bitwise": true, "no-console": [ true, "log", "error", "debug", "info", "time", "timeEnd", "trace" ], "no-construct": true, "no-debugger": true, "no-duplicate-variable": true, "no-empty": true, "no-eval": true, "no-shadowed-variable": true, "no-string-literal": true, "no-switch-case-fall-through": true, "no-trailing-whitespace": false, "no-unused-expression": true, "no-use-before-declare": true, "radix": true, "switch-default": true, "trailing-comma": [false], "triple-equals": [true, "allow-null-check"], "typedef": [true, "parameter", "property-declaration"], "variable-name": [ true, "ban-keywords", "check-format", "allow-leading-underscore", "allow-pascal-case" ] } }
또는 다른 설정
{
"extends": ["tslint-react"],
"rules": {
"align": [
true,
"parameters",
"arguments",
"statements"
],
"ban": false,
"class-name": true,
"comment-format": [
true,
"check-space"
],
"curly": true,
"eofline": false,
"forin": true,
"indent": [ true, "spaces" ],
"interface-name": [true, "never-prefix"],
"jsdoc-format": true,
"jsx-no-lambda": false,
"jsx-no-multiline-js": false,
"label-position": true,
"max-line-length": [ true, 120 ],
"member-ordering": [
true,
"public-before-private",
"static-before-instance",
"variables-before-functions"
],
"no-any": false,
"no-arg": true,
"no-bitwise": true,
"no-console": [
true,
"log",
"error",
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-consecutive-blank-lines": true,
"no-construct": true,
"no-debugger": true,
"no-duplicate-variable": true,
"no-empty": true,
"no-eval": true,
"no-shadowed-variable": true,
"no-string-literal": true,
"no-switch-case-fall-through": true,
"no-trailing-whitespace": false,
"no-unused-expression": true,
"no-use-before-declare": true,
"one-line": [
true,
"check-catch",
"check-else",
"check-open-brace",
"check-whitespace"
],
"quotemark": [true, "single", "jsx-double"],
"radix": true,
"semicolon": [true, "always"],
"switch-default": true,
"trailing-comma": [false],
"triple-equals": [ true, "allow-null-check" ],
"typedef": [
true,
"parameter",
"property-declaration"
],
"typedef-whitespace": [
true,
{
"call-signature": "nospace",
"index-signature": "nospace",
"parameter": "nospace",
"property-declaration": "nospace",
"variable-declaration": "nospace"
}
],
"variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore", "allow-pascal-case"],
"whitespace": [
true,
"check-branch",
"check-decl",
"check-module",
"check-operator",
"check-separator",
"check-type",
"check-typecast"
]
}
}
'IT > React + TypeScript' 카테고리의 다른 글
정말 쉽게 Dispatch & states 를 Redux Hooks 사용하기 (0) | 2019.06.26 |
---|---|
[React] Children을 쓰는 이유? (0) | 2019.06.25 |
React+ Redux 자식 컴포넌트에 connect시 ref 접근방법 (redux 6버전 이상) (0) | 2019.06.10 |
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. (2) | 2019.03.29 |
The key is not sorted alphabetically 에러 메시지 해결 (0) | 2018.05.08 |