Alraffe
이것 저것 개발.
Alraffe
전체 방문자
오늘
어제
  • 분류 전체보기
    • TIL
    • Front-end
      • CSS
      • React
      • Next.js
    • Back-end
    • Book
      • Effective Typescript

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • vite 배포 에러
  • 이펙티브타입스크립트
  • object 값을 찍고 싶을 떄
  • 노션 이력서
  • Til
  • 타입스크립트
  • frontend
  • 개발자 커피챗
  • 깃헙 배포 빈 화면
  • 프론트엔드회고
  • 배포 에러
  • next14
  • 프론트엔드
  • JASON.stringify
  • 자바스크립트
  • 타입스크립트 책 추천
  • evnentBubbling
  • react
  • git
  • JavaScript
  • 타입스크립트 추천
  • 타입스크립트 책
  • TypeScript
  • 주니어 개발자 이력서
  • 프론트엔드 책 추천
  • JASON.parse()
  • JS
  • 오랠리
  • 리액트
  • vite 깃헙 배포

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Alraffe

이것 저것 개발.

Front-end/React

CRA에서 craco이용해 @components 절대경로 설정

2023. 1. 3. 22:16

오랜만에 react로 개발하면서 tsconfig에서 절대경로를 설정을 하는데 안되서 알아보니 cra로 세팅한 경우에는 craco 사용해서 또다른 설정을 해줘야한다.

 

검색을 조금 해보니 react 버전 18에서는 잘 안된다고 하던데 아래 참고 블로그 따라서 해보니 정상적으로 설정됐다. 며칠동안 설정이 안되서 끙끙 앓았는데 깔끔하게 해결-!

 

Error

[Craco-Alias Error] Cannot parse tsconfig.paths.json. Please validate it on https://jsonformatter.curiousconcept.com.

위와 같은 에러 발생 시 tsconfig.paths.json파일 마지막 항목에 ","를 붙엿는지 확인해보자. 지우고 실행하면 해결! json이기 때문에😉

참고자료

  • 블로그
저작자표시 비영리 변경금지

'Front-end > React' 카테고리의 다른 글

vite+react 깃헙 배포 방법  (0) 2023.10.05
DOM onclick vs React onClick  (0) 2023.01.16
[React] React Hooks - useMemo, useCallback, useRef  (0) 2023.01.08
[React] React Hooks - useState, useEffect  (0) 2022.04.26
    'Front-end/React' 카테고리의 다른 글
    • vite+react 깃헙 배포 방법
    • DOM onclick vs React onClick
    • [React] React Hooks - useMemo, useCallback, useRef
    • [React] React Hooks - useState, useEffect
    Alraffe
    Alraffe

    티스토리툴바