• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

리스트 내 카드 이동 오류

21.07.29 12:05 작성 조회수 379

1

현재 섹션 7의 추가 요구사항 구현 - 리스트 이동까지 강의를 수강했습니다.

그런데 카드 이동 시 오류가 발생합니다.

카드가 존재하는 리스트에서 카드가 존재하지 않는 리스트로 카드를 이동하려 하면 오류가 발생하는 것 같습니다. 

[테스트]

1. Home 에서 Create new board 버튼을 클릭해 새로운 보드를 생성한다.

2. Todo 리스트에 Card 1과 Card 2라는 타이틀을 가진 카드 2개를 생성한다.

3. Doing 리스트에 Card 3라는 타이틀을 가진 카드 1개를 생성한다.

4. Card 3을 Todo 리스트에 drag하여 옮긴다.

5. Card 1을 Doing 리스트에 drage하여 옮긴다. 

1~5번의 과정을 진행하면 아래와 같은 오류 메시지가 console에 출력됩니다.

[오류 메시지]

vue.esm.js?efeb:628 [Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node."

DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

강의를 여러차례 다시 들으면서 어느 부분을 빠트렸을까 찾아 봤지만, 도저히 해결이 되지 않아 문의 드립니다!

어느 컴포넌트에서 발생하는 문제인지 파악이 어려워 git 주소 남깁니다 :D

https://github.com/itschool94/vue-trello

좋은 강의 감사합니다...!

답변 0

답변을 작성해보세요.

답변을 기다리고 있는 질문이에요.
첫번째 답변을 남겨보세요!