프론트엔드 정복하기
Heroku 명령어, 오류 정리 본문
server 주소 : agmall.herokuapp.com/
git 주소 : git.heroku.com/agmall.git
heroku 명령어 정리
-Heroku 로그인
: heroku login
-Heroku에 git저장소와 빈 앱 생성
: heroku create
-Heroku app name 변경
: heroku apps:rename newname
-Heroku 클라우드에 배포
: git push heroku master
-배포 후 수정사항 반영
: git add . => git commit -m " " => git push heroku master
-배포된 사이트 오픈
: heroku open
-오류사항 등 log 기록 확인
: heroku logs
Heroku 배포 설정
-port 변경
기존 : port = 5000;
변경 : port = proccess.env.PORT || 5000;
Heroku 오류 해결
-start command가 없습니다.
=> package.json -> scripts -> start : "node index.js"
-mongoose 에러
MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.
: config -> prod.js 에서 MONGODB_URI라고 써야 하는데, MONGO_URI라고 오타를 쳤다.
(오직 "MONGODB_URI"로만 인식한다!)
Netlify 오류 해결
Command not found
build 시에,
Publish Directory를 .. react앱을 build한 후에 생성된 build 폴더로 설정해야 한다.
즉, client/build
1:46:02 PM: Error checking out submodules: fatal: No url found for submodule path 'startbootstrap-grayscale' in .gitmodules
1:46:02 PM: Failing build: Failed to prepare repo
1:46:02 PM: failed during stage 'preparing repo': Error checking out submodules: fatal: No url found for submodule path 'startbootstrap-grayscale' in .gitmodules
git submodule add git주소
=> 하위 폴더가 생성되고, .gitinore 파일처럼 .gitmodules 파일이 생성된다.
.gitmodules 파일 내에 다음을 입력하면 된다.
[submodule "path_to_submodule"]
path = path_to_submodule
url = git://url-of-source/
나같은 경우는 path를 AGmall_React로 놓고 삽질했었는데,
에러 메세지에는 'agmall'에 해당하는 mapping이 없다고 떴다.
다시 보니, agmall 이라는 이름으로 submodule 폴더가 생성됐었고, path도 agmall 로 하면 되는 것이었다.
git submodule
: submodule 리스트 확인
git submodule add
submodule 삭제하는법
https://blog.naver.com/jegumhon/220537092950
'배포하기' 카테고리의 다른 글
github으로 React 앱 배포하기 (0) | 2021.11.09 |
---|---|
배포 후 IE에서 react 앱 안되는 문제 (0) | 2020.09.14 |
Netlify 배포 (0) | 2020.08.26 |
React, Node.js, MongoDB 배포(Netlify+heroku) (0) | 2020.08.26 |
React 앱 배포하기 (0) | 2020.08.24 |