티스토리 뷰
Errors
Vercel 배포 / Module not found: Error: Can't resolve './Toggle' in '/vercel/path0/src/components/Toggle'
U_pic 2022. 7. 14. 18:32Pokedex라는 개인 프로젝트를 업데이트하고 배포하는 과정에서 발생한 에러이다.
에러 상황
vercel에서 배포하는 과정에서 Toggle과 관련된 컴포넌트를 찾을 수 없다는 에러였다.
Toggle 컴포넌트는 업데이트 과정에서 다른 컴포넌트들과 파일 이름 포맷이 달라서 파일명 (toggle -> Toggle)만 수정해준 부분이었다.
에러를 보고 작업 폴더에서 Toggle 폴더의 경로를 점검했지만 이상한 점을 확인할 수 없었다.
해결 방법
이 에러는 다른 사람들도 자주 겪은 에러였는지 에러와 관련한 질문을 어렵지 않게 찾을 수 있었고,
위 깃헙 코멘트를 참고하여 해결했다.
문제 원인은
git config의 세팅값에 ignorecase가 true로 되어있기 때문이라고 한다.
이 세팅값이 true로 되어있으면 파일명의 대소문자만 바뀌게 되면 변경사항으로 인식하지 못하게 된다.
이 값을 false로 바꾸어서 파일명 변경에 대해서 인식할 수 있게 적용한다면 좋겠지만,
우리가 원하는 대로 다 되진 않는 모양이다.
이미 다른 파일들과 의존관계가 되어있는 파일의 이름을 수정함으로써,
파일 원본이 바뀌거나, 파일 명을 변경함으로써 다른 파일을 오염시킬 위험이 있기 때문에 이런 식으로 세팅이 되어있는 것이 아닐까...
그래서 해결한 방법은
현재 git 트리를 제거하고 다시 git에 staging 하는 방법을 제시했다.
git rm -r --cached .
git add --all .
git commit -am "Fix casing discrepancies."
git push origin branch_name
### reference
'Errors' 카테고리의 다른 글
[Errors] 패키지 설치시 종속성 에러 (0) | 2022.06.29 |
---|---|
[ISSUES] Vuex State가 Component에 반영되지 않는 현상 (0) | 2022.05.27 |
[Error] non-serializable value was detected in an action... (0) | 2022.05.14 |
[ISSUES] Cannot assign to read only property '0' of object '[object Array]' (0) | 2022.04.12 |
[ISSUES] 이벤트 중첩 발생현상 (0) | 2022.04.01 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Repository Pattern
- Vue.js
- js
- React
- Transpiler
- redux
- Vue
- AxiosInterceptor
- GraphQL
- webpack
- 문제풀이
- SOAP API
- redux-thunk
- 프로그래머스
- reactrouter
- 백준
- python
- 파이썬
- v-for
- SPA
- Vuex
- programmers
- React.memo
- 상호평가
- error
- bundler
- Preloading
- clean code
- 알고리즘
- TypeScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함