Casing of ~ does not match the underlying filesystem. eslint(import/no-unresolved) 에러 해결

전에 했던 프로젝트 코드를 다시 다운로드 받았더니 모든 import에서

Casing of ~~ does not match the underlying filesystem. eslint(import/no-unresolved)

오류가 발생했다

import/no-unresolved

저 단어로만 구글링해보고, casing 머시기 전체를 검색도 해보면서 여러가지를 시도해봤는데

❌ npm i eslint-import-resolver-node
❌ npm i eslint-import-resolver-webpack

위에 두가지를 시도했지만 전혀 성공하지 않았고

https://velog.io/@parksil0/eslint-plugin-import

이 글 읽고 해결했다

npm install eslint-plugin-import --save-dev

블로그에 나와있는것처럼 동일하게 eslint-plugin-import를 설치해주고 .eslintrc 파일을 수정해야되는데

저 블로그에서 한 방식과 좀 다른건 나는 .eslintrc.json 이라

  "plugins": {
    "import": true
  },
  "extends": [
    "plugin:import/errors",
    "plugin:import/warnings",
  ],

.eslintrc.json 에다가 이렇게만 추가해줬다

"plugin:import/recommended",

이건 이미 추가되어있어서 따로 추가하지 않았다.

이렇게 plugin 설치, .eslintrc 파일 수정 2가지 해줬더니 성공했다!!