Vue3의 Provide/Inject 사용 후 router.push 사용 시 오류 발생

Question

Vue3 프로젝트에서 페이지별로 최상단 부모 컴포넌트에 state와 setState를 생성해서 provide 해주고, 자식 컴포넌트에서 inject로 state를 받아와서 표출하거나 setState로 값을 변경하고 있는 데요지금까지는 문제가 없었으나 setState로 값을 변경한 후 router.push를 할 경우 아래와 같은 오류가 발생하고 있습니다.Uncaught (in promise) 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.찾아보기로는 DOM 업데이트 과정에서 충돌이 일어나서 그런다는 데 아시는 분 있으실까요?

캐티 · Answer

insertBefore의 피대상 노드가 없어서 에러가 났고 예외처리를 하지 않았쩌. 피대상 노드가 왜 없어졌는지 확인하여야하빈다.

qwer1232 · Answer

vue3 provide/inject를 안써봐서 모르겠지만 , setState 설정이 뭔가 잘못된것같은데요 https://blog.hectodata.co.kr/vue3-provide-inject/?gad_source=1&gclid=Cj0KCQiAst67BhCEARIsAKKdWOkPfbOv6xWE74Zcd0rwyU2kmGOLhlYNz1jrMThrW146nJyGrslg3CgaAv4HEALw_wcB이거보고 다시한번 해보시는게

2948284 · Answer

보통 마운트되기전에 뭔갈 할때 발생했던걸로 기억하네여 텔레포트 쓸때 자주 발생했었는뒝

Vue3의 Provide/Inject 사용 후 router.push 사용 시 오류 발생

3개의 답변

Q&A 목록