티스토리 뷰
우선 자료화면 먼저 보고 가시죠
아무튼, 막판 리액트 클라이언트를 디플로이하려던 순간,
사진처럼 수 많은 고난을 겪었다.
구글링 중 만난 공통의 해결방법들을 공유하고자 한다.
1. Build command
처음 웹을 디플로이 할 때, netlify 에서 앱을 빌드하기 위한 Build command를 적는 칸이 있다.
이 칸에 리액트 기준 평소에 적었던 'npm run build' 만 적으면 오류가 날 수 있다.
맨 왼쪽에 CI= 를 붙이자.
2. Github Repository 변경사항 push
잊고 변경사항을 push하지 않았다면 해보자.
3. package.json 확인 / Cannot find module
내 문제였는데, 오류사항을 우선 보여주겠다.
우선 이 오류를 읽을 때, Failed to compile 바로 윗 줄이 문제인 줄 알았다.
심지어 package.json에도 해당 패키지가 없길래 깔고 다시 디플로이 했더니 실패.
원인은 노란 줄에 있었다.
분명히 로컬에서 실행이 잘 되길래 당연히 axios가 설치가 안됐으리라 생각을 하지 않았고,
package.json을 확인했는데 dependency에 없어 설치를 했고
성공했다.
4. Github에 서버가 합쳐진 전체 프로젝트 폴더가 아닌, 클라이언트 폴더 만을 push 한다.
5. 현재 자신의 로컬 프로젝트가 정상적으로 작동하는지 확인하기
애초에 로컬 프로젝트 자체에 문제가 있을 수 있다.
제일 중요한 것은 오류 메세지를 읽는 것 같다.
오류 메세지가 길지만 필요한 사항을 잘 찾아 구글링해보길 바란다...
반응형
'ERROR COLLECTION' 카테고리의 다른 글
[ERROR] The client-side rendered virtual DOM tree is not matching server-rendered content. (0) | 2021.06.03 |
---|---|
[ERROR] npm ERR! code ELIFECYCLE errno 1 (0) | 2021.05.27 |
[ERROR] 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. (0) | 2021.02.01 |
[ERROR] Django에서 querySelector이나 getElementById가 null이 되는 이슈 (0) | 2020.11.24 |
[ERROR] '' form object has no attribute is_valid (2) | 2020.11.10 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 화이팅
- dvd 효과
- nextjs 스크롤
- css 글래스모피즘
- 리액트 컴포넌트
- 자바스크립트
- 파이썬 정렬
- 파이썬 flask
- 리액트
- 리액트 스크롤
- Til
- nuxt 공식문서 한글
- react router
- NextJS
- 10989 파이썬
- nextjs 파라미터 넘기기
- 카페음료테스트
- css marquee
- 파이썬 크롤링
- bs4 크롤링
- vscode venv
- 리액트 라우터
- 글래스모피즘 애니메이션 구현
- 리액트 파라미터 넘기기
- 글래스모피즘 구현
- nuxt 공식문서
- 움직이는 글래스모피즘
- next.js 리다이렉트
- 백준 10989 파이썬
- getserversideprops redirect
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함