[Cursor] TS6133 Error 미식별 현상

상황

eslint와 tsconfig를 수정하여 미사용하는 정의된 모든 변수를 에러처리하려고 했으나,

어찌된 이유인지 error가 아닌 warning으로 표시되는 현상을 식별함.

 

프로젝트 기본 세팅(tsconfig.json / eslint.config.js)은 아래와 같다.

// tsconfig.json

{
    "compilerOptions: {
        ...
        "noUnusedLocals": true, // 사용되지 않은 로컬이 있을 경우, 오류로 보고
        "noUnusedParameters": true, // 사용되지 않은 매개변수가 있을 경우, 오류로 보고
        ...
    }
}

// eslint.config.js

export default tseslint.config(
    ...
    'no-unused-vars' : ['off'],// typescript-eslint/no-unused-vars로 검사되어 사용하지 않는 변수가 있을 때 발생하는 경고 비활성화 
    'unused-imports/no-unused-vars': 'off',
    ...
);

 

원인

Cursor > User > settings.json 내 기본 옵션의 문제로 인해, Error처리되지 않는 것이었음.

해결책

아래 옵션 추가 및 저장 후 IDE 재실행 (Reload Window)
(기존에 없는 property일 수 있는데, 그렇다면 추가해주면 되고,

이미 있었다면 false로 변경)

// Cursor > User > settting.json 
// Command Palette(Window: F1 / Mac: Command + Shift + P)에서 
// Preferences: Open User Settings(JSON) 클릭
{
	...
	// TypeScript 스타일 체크를 warning이 아닌 error로 처리
	"typescript.reportStyleChecksAsWarnings": false,
	...
}

 

라이브러리 버전

  "devDependencies": {
    "@eslint/js": "^9.19.0",
    "@types/react": "^19.0.8",
    "@types/react-dom": "^19.0.3",
    "eslint": "^9.19.0",
    "eslint-plugin-import": "^2.31.0",
    "eslint-plugin-prettier": "^5.2.3",
    "eslint-plugin-react": "^7.37.4",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-react-refresh": "^0.4.18",
    "eslint-plugin-unused-imports": "^4.1.4",
    "globals": "^15.14.0",
    "prettier": "^3.5.0",
    "typescript": "~5.7.2",
    "typescript-eslint": "^8.22.0"
  }