react-mentions 관련 에러

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

정규표현식으로 문자열 변환하기

작성

480

멘션 하는 부분 코드 작성하고 확인해 보려고 @ 누르면 이런 에러가 뜹니다.

다른 글자를 치면 에러가 나지 않아서 trigger부분을 다른 글자로 바꾸고 그 글자를 치면 계속 이 에러가 뜨는걸 봐서는 는 그쪽 에러인거같은데 제가 toLowerCase를 쓰지않았는데 저 에러가 나서 원인을 잘 모르겠어요.

답변 1

지식공유자

코드 보여주셔야 해결이 가능하겠죠?

질문자

conponents/ChatBox/index.tsx 부분입니다.

코드는 강사님 깃허브 코드 복붙해도 같은 에러가 나고,

콘솔에서 이 에러 링크 눌러보면 노드 react-mentions.esm.js 파일에서 에러가 나는거같아요.

지식공유자

라이브러리 소스코드를 보셔야 합니다. 거기에 display || id를 toLowerCase하는 부분이 있는데

아마도 display(v.nickname)이 null이나 undefined여서 id(숫자)를 toLowerCase해서 발생한 문제 같습니다.

사용자 정보에 id와 nickname이 제대로 존재하나요?

질문자

메일주소와 닉네임이 없는 계정이 하나 존재하는데 api 로 삭제 해보려고 했더니 로그인된 상태가 아니라서 삭제가 안되는것 같아요!

그 계정이 이메일이 없어서 로그인도 안되고 있는 상태인데 이 계정을 강제로 지울 수 있는 방법이 있나요?

지식공유자

워크벤치같은 SQL GUI 툴 들어가서 제거하셔야 합니다. 또는 터미널에서 mysql 프롬프트에 접근하시거나요. 직접 api로 하시려면 백엔드쪽 코딩을 해야 해서요.

질문자

워크벤치 이용해서 삭제했더니 에러 해결했습니다! 감사합니다!!

저도 닉네임이 없는 계정이 있어서 같은 오류가 나타나는데
워크벤치에서 localhost:3095로 connection을 새로 만드는것부터 계속 안돼서 해결이 안되는데 mysql프롬프트에 접근해서 해결하는 방법은 어떻게 하는건가요?

지식공유자

mysql의 주소는 localhost:3306입니다. 백엔드 서버가 3095입니다.

제가 db랑 포트 개념이 없어서 계속 해맸었는데 3306으로 하니까 연결 잘 됐습니다!
말씀대로 워크벤치 이용해서 users에서 빈 계정 삭제했더니 잘 됩니다!!
감사합니다ㅠㅠ

mysql 워크벤치에서 데이터를 찾고 삭제하는거에 대해 알려주실수 있을까요?ㅠ

지식공유자

거기서 데이터가 들어있는 테이블을 선택하시면 데이터가 주르륵 나옵니다. 검색도 할 수 있고, 지우고자 하는 로우 클릭 후 delete 누르고 apply 누르면 제거됩니다.

감사합니다 : )

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