인프런 커뮤니티 질문&답변
작성한 질문수
코드에 이상이 없는데 서버실행시 아무것도 나오지 않습니다.
해결된 질문
작성
·
725
·
수정됨
0
섹션7. 프론트엔드 부분까지 진행을 하고, 마지막에 서버를 실행시키는데,
계속 흰색 화면만 나와서,
예제코드 올려주신거랑 한줄한줄 복붙해서 비교해가면서, 다 점검을 했습니다.
톳씨하나 아무 이상이 없는 것을, 확인했는데도
서버를 실행시키면, 흰색화면만 떠서,
이건 코드문제가 아닌거 같아서, 제가 작성한 코드가 들어있는
이 폴더를 복사해서,
예제코드에 덮어쓰기로 붙여넣기 해서, 덮어씌운다음에
예제코드를 열어서, 서버를 실행하고 확인해봤습니다.
충격적이게도 잘 나왔습니다.
이렇게 잘 나오는데...
왜 제가 설치한 모듈,패키지들이 있는 환경의 폴더에서는,
흰색화면만 나오는지 정말 이해가 안갑니다.
별다른 에러코드는 나오지 않았습니다.
제 코드의문제는 아닌거 같고, 모듈이나 패키지의 버젼이 다른 환경이라서 그런거같습니다.
이게 제가 설치한 패키지 버젼 목록이고, 
이게 예제코드에 있는 패키지 버젼 목록입니다.
두 코드 모두 섹션17. AS 강의 graphql-ws를 통한 subscription 구현 은 적용되어 있는 상태입니다.
코드는 동일한데, 예제코드환경에서는 실행이 되니,
뭐가 문제인지 이해가 가질 않습니다. 흰화면만 떠서 이후 수업진행이 어려운상황입니다.
확인하실지는 모르겠으나, 혹시몰라 제 프로젝트폴더를 압축한파일 링크도 올려드려봅니다.
https://drive.google.com/file/d/1BMbVfa9nBlK32uO-CnwLGZh-uVfz9fZM/view?usp=share_link
이부분 도움을 어떻게 받는 방법이 있을까요?
답변 1
1
패키지에는 이상이 없고,
코드를 다운받아 확인해 보니
컴포넌트 명을 잘 못 작성하신 것 같습니다.
imports/ui/components/menuAside 폴더에서 파일명을 다음과 같이 변경해 주시기 바랍니다.
oderBottom.svelte ⇒ orderBottom.svelte
보통 패키지에 문제가 있으면 서버쪽 console에 오류가 나타납니다.
그리고 프런트엔드의 경우 브라우저의 디버그 모드로 오류를 확인할 수 있습니다.
브라우저 디버그는 윈도우의 경우 크롬을 기준으로 F12를 통해서 볼 수 있습니다.
그리고 패키지 중에서 imports패키지와 react 패키지는 npm remove 를 이용해 삭제하시는 것이 좋을 것 같습니다.
이부분도 참고 부탁드립니다.
oderBottom.svelte ⇒ orderBottom.svelte로 해결했습니다!
ㅠㅠ 와 저거때문에 페이지가 전체가 안뜨다니... 충격이네요..
그렇군요. 프론트엔드 디버깅모드로 하니까 해당부분의 오류가 나오네요..
말씀하신
백엔드, 프론트엔드 디버깅 방법 잘 써서 버그나오면 앞으로 더 잘 해결해보겠습니다!
그리고, 해당 패키지는 remove 진행하겠습니다.
남은 수업 열심히 진행해 나가겠습니다. 감사합니다.