기존은 tsconfig.json 파일과 tsconfig.path.json 파일이 구분되어 있었다.
변경전
tsconfig.json
{
"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"]
}
tsconfig.path.json
{
"compilerOptions": {
"baseUrl": "./src",
"paths": {
"@api/*": ["api/*"],
"@assets/*": ["assets/*"],
"@components/*": ["components/*"],
"@helpers/*": ["helpers/*"],
"@hooks/*": ["hooks/*"],
"@interfaces/*": ["interfaces/*"],
"@layout/*": ["layout/*"],
"@pages/*": ["pages/*"],
"@routes/*": ["routes/*"],
"@services/*": ["services/*"],
"@stores/*": ["stores/*"],
"@styles/*": ["styles/*"],
"@locales/*": ["locales/*"],
"@ChangeLanguage/*": ["ChangeLanguage/*"]
}
}
}
변경후
*tsconfig.path.json 는 파일 삭제
*tsconfig.json의 변경코드는 아래와 같다.(extends 삭제, baseUrl, paths추가)
기존 tsconfig.path.json의 코드를 옮겨담았다.
{
"compilerOptions": {
"baseUrl": "./src",
"paths": {
"@api/*": ["api/*"],
"@assets/*": ["assets/*"],
"@components/*": ["components/*"],
"@helpers/*": ["helpers/*"],
"@hooks/*": ["hooks/*"],
"@interfaces/*": ["interfaces/*"],
"@layout/*": ["layout/*"],
"@pages/*": ["pages/*"],
"@routes/*": ["routes/*"],
"@services/*": ["services/*"],
"@stores/*": ["stores/*"],
"@styles/*": ["styles/*"],
"@locales/*": ["locales/*"],
"@ChangeLanguage/*": ["ChangeLanguage/*"]
},
"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"]
}
*craco.config.js의 드래그 부분 삭제
'Type Script' 카테고리의 다른 글
[TypeScript] 이미지 절대 경로 import 오류 (0) | 2023.04.14 |
---|---|
[TS] 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다. 에러 해결 (0) | 2023.03.27 |
[TS] react 기본 설정 type(JSX.Element-컴포넌트,props/state) (0) | 2023.03.08 |
[TS] src 경로 오류 해결(tsconfig.json) (0) | 2023.03.07 |
[TS] 중복된 함수입니다. 오류 (0) | 2023.03.03 |