inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

socket.io 이벤트 연결하기

Network - members Error ??

253

Choi Boo

작성한 질문수 33

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'

babel typescript 웹팩 react Socket.io 클론코딩

답변 2

0

페이커

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

0

Choi Boo

아니여..

0

제로초(조현영)

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

0

페이커

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

위 에러 발생하구요

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

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

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

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

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

0

제로초(조현영)

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

0

페이커

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

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

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

0

제로초(조현영)

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

0

페이커

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

0

제로초(조현영)

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

0

제로초(조현영)

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

0

페이커

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

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

0

제로초(조현영)

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

기본 셋팅과 관련하여

0

90

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

95

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

108

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

151

3

npx webpack 후 에러

0

177

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

177

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

426

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

949

1

배포 방법

0

295

2

npm run dev 시 빌드가 매우 느려졌습니다

0

985

2

alias 경로 설정 오류

0

446

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

273

1

제네릭 질문

0

216

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

243

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

382

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

332

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

244

2