본문 바로가기

Type Script

[TS] src 경로 오류 해결(tsconfig.json)

기존 tsconfig.json의 코드는 다음과 같다.

 

 그리고 추가로 tsconfig.path.json은 이렇게 설정되어있었다.

 

이 상태에서 tsx 파일로 변환하면, import 파일 경로에 대한 오류가 났다.

tsconfig.json과 tsconfig.path.json에서 둘다 같은게 설정되어 있어 에러가 나는 것 같았다.

 

따라서, 이를 해결하기 위해

baseUrl과 paths를 기존 tsconfig.json에서 제거했다. 그러자 오류가 해결되고 import 경로가 제대로 불러와졌다.

{
  "extends": "./tsconfig.path.json",
  "compilerOptions": {
    "target": "ESNext",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src"]
}