기존 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"]
}
'Type Script' 카테고리의 다른 글
[TypeScript] 이미지 절대 경로 import 오류 (0) | 2023.04.14 |
---|---|
[TS] 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다. 에러 해결 (0) | 2023.03.27 |
[TS] tsconfig.json + tsconfig.path.json 파일 합치기 (0) | 2023.03.08 |
[TS] react 기본 설정 type(JSX.Element-컴포넌트,props/state) (0) | 2023.03.08 |
[TS] 중복된 함수입니다. 오류 (0) | 2023.03.03 |