Web/React.js (3) 썸네일형 리스트형 러닝리액트 요약 Day1 보호되어 있는 글입니다. React / TS ] CRA로 프로젝트 생성 시, 절대경로 사용하기 (feat. craco) 1. craco를 설치한다. yarn add @craco/craco craco-alias 2. tsconfig.path.json 파일 생성 후 아래와 같이 paths 안에 등록하고 싶은 경로와 그 경로의 별칭을 추가해준다. { "compilerOptions": { "baseUrl": ".", "paths": { "@src/*": ["src/*"], "@hooks/*": ["src/hooks/*"], "@components/*": ["src/components/*"], "@layouts/*": ["src/layouts/*"], "@pages/*": ["src/pages/*"], "@typings/*": ["src/typings/*"], "@utils/*": ["src/utils/*"] } } } 3. cr.. npm run start가 안된다면..!! ( 리액트 웹팩 버전 안 맞을 때 ) "Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree " 프로젝트를 생성하고, npm run start를 하자마자 오류가 났다. 일단 이 에러가 난 이유는, 내 리액트 프로젝트는 4.44.2 버전의 웹팩이 필요한데, 디펜던시 트리 상위 레벨에서 4.43.0버전 웹팩이 발견됐다(?) 는 것이다. 이게 문제가 되니 이 4.43.0 webpack을 포함하는 node_module 삭제해라. (즉, user\node_modules를 삭제해야 함.) ※ 해결 방법1 ※ 위의 내용을 알고있는 상태에.. 이전 1 다음