[Typescript] 절대경로 설정 시 cannot find module 오류

tsconfig.json에서

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "components/*": ["src/components/*"],
      "container/*": ["src/container/*"],
      "store/*": ["src/store/*"]
    },
  },
  "include": ["src"]
}

와 같이 설정했음에도 불구하고 절대경로 설정이 안되는 현상이 발생했다

cannot find module 'XXX' or its corresponding type declarations

결론적으로는 include에 아래와 같이 수정하였더니 해결되었다.

"include": ["**/*.tsx", "**/*.ts"]

검색으로는 baseUrl과 paths만 설정하면 되는줄 알았는데 include 설정 때문이었다니

나같이 삽질을 오래하는 사람이 있을 것 같아 포스팅하게 되었다.

 

참고로 환경은 아래와 같다.

{
  "dependencies": {
    "next": "^13.0.3",
    "react": "^18.2.0",
  },
  "devDependencies": {
    "@types/node": "^18.7.13",
    "@types/react": "^18.0.17",
    "typescript": "^4.7.4"
  }
}