[ESLint] Unable to resolve path to module

📌오류 내역

다른 경로로부터 모듈을 import하려는데 에러가 발생하였다.

import { getSession } from '@/app/api-utils/get-session';

! Error
Unable to resolve path to module '@/app/api-utils/get-session'.eslint(import/no-unresolved)
Missing file extension for "@/app/api-utils/get-session"eslint(import/extensions)

📌해결방법

두 가지 방법을 사용하였다.

.eslintrc.js 파일에 아래와 같은 구문을 추가한다.

settings: {
    'import/parsers': {
      '@typescript-eslint/parser': ['.ts', '.tsx'],
    },
    'import/resolver': {
      typescript: './tsconfig.json',
    },
  },

이 방법 만으로는 해결이 되지 않아 아래 방법 또한 사용하였다.

.eslintrc.js 파일의 extends에 아래 구문을 추가한다.

  extends: [
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript",
  ],

이후 문제가 해결되었다.

---

참고 사이트 https://stackoverflow.com/questions/55198502/using-eslint-with-typescript-unable-to-resolve-path-to-module