인프런 커뮤니티 질문&답변

Choi Boo님의 프로필 이미지
Choi Boo

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

socket.io 이벤트 연결하기

Network - members Error ??

작성

·

188

0

안녕하세요

2 개 이전 강의인 채팅보내기 4:52분 쯤 보면 network의 members가 에러 뜨는게 보입니다.

저도 에러가 뜨는데 이번 강의에서는 에러 뜨는게 없어 보이더라구요?!

// layouts/Workspace

<Route path="/workspace/:workspace/channel/:channel" component={Channel} />

// components/InviteChannelModal

const { workspace, channel } = useParams<{ workspace: string; channel: string }>();

console.log('channel', channel);

-> channel undefined

-----

즉, params의 channel이 undefined입니다.

제로초님 코드 복붙했는데도 똑같더라구요

제가 어느 부분을 놓쳤나요?..

`http://localhost:3090/api/workspaces/sleact/channels/undefined/members'

답변 2

0

혹시 해결하셨나요? 저도 같은 문제 겪고있습니다 ㅜㅜ

Choi Boo님의 프로필 이미지
Choi Boo
질문자

아니여..

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

에러뜨는 페이지 브라우저 주소를 보여주세요

우선 처음 로그인하고 워크스페이스로 들어갔을 때(http://localhost:3090/workspace/sleact/channel/일반)

위 에러 발생하구요

그리고 워크스페이스 이동 시에는

이 에러 발생합니다.. 그리고 다른 워크스페이스 갔다가 처음 워크스페이스(Sleact)로 돌아가면 Channels랑 Direct Message가 비어있는 오류 발생하네요 ㅜㅜ 

윗분 말씀대로 이전 강의에선 제로초님도 같은 오류(404 Not Found) 발생했었는데 이번 강의부터인지 저번강의부터는 오류가 사라졌더라구요? 똑같이 따라가고 있는데 왜 그런지 모르겠습니다 ㅜ

혹시몰라 깃헙 주소 첨부합니다..

https://github.com/97baek/sleact

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

workspace/sleact/channel/일반 에 들어가면 channel page가 떠야하는데 channel page 보시면 dms/${id}/chats 가 있네요. dm 페이지 코드가 들어가 있습니다. 채널페이지 코드로 수정하세요.

덕분에  undefined 에러 뜨는건 수정했습니다! 감사합니다 ㅜㅜ

근데 아직 다른 워크스페이스로 전환하면 

이런 오류가 뜨고 원래 워크스페이스(Sleact)로 돌아가도 DMList랑 ChannelList가 비어있는 오류가 발생하는데..  뭐가 문제일까요? 남은 강의에서 해결해주시는 문제인가요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

지금 프록시 설정을 하신게 맞나요? 404는 라우터가 없다는 것이거든요.

네 프록시 설정은 다 해놔서 localhost 다 떼고 /api로만 통신하고 다른건 잘 되는 것 같은데 워크스페이스 전환시 저부분이 자꾸 에러가 나네요 ㅜㅜ

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

backend 폴더의 routes api.js쪽 깃헙에서 소스 다시 복사붙여넣기 해보세요.

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

혹시 123이라는 워크스페이스가 DB에 저장된 게 맞나요?

아 {123} 이부분이 잘못된거였네요.. 감사합니다 ㅜㅜ 제로초님 깃헙에 alecture 폴더 아래있는 Layouts/Workspace에서도 

이렇게 써있어서 저부분은 문제가 없는줄 알았어요.. 아무튼 해결해주셔서 정말 감사드립니다!

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

저기 members로 axios.get 요청하는 api를 찾아보세요. 거기서 아마 channel이 undefined인.이유를 보실 수 있을겁니다.

Choi Boo님의 프로필 이미지
Choi Boo

작성한 질문수

질문하기