IT/React + TypeScript

The key is not sorted alphabetically 에러 메시지 해결

차가운남자 2018. 5. 8. 14:10

리액트를 학습하던 중 The key is not sorted alphabetically 에러를 발생하였습니다.


프로젝트 안에 tslin.json 파일에 밑에와 같이 "rules" 안에 "object-literal-sort-keys"를 false로 해주면 됩니다.

{
"extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
"linterOptions": {
"exclude": [
"config/**/*.js",
"node_modules/**/*.ts"
]
},
"rules":
{
"object-literal-sort-keys": false <-- 이렇게 내용을 추가 시켜주면 에러메시지가 발생하지 않습니다.
}

}


https://velopert.com/3595 <-- 참고 사이트에서 내용을 공부하던중에 생겼던 에러메시지가 생겼을때 처리한 부분입니다.

더 좋은 해결책이 있다면 공유 부탁드리겠습니다.