목록❗️Error (46)

계발하는 개발자

[오류해결] v-for 과 v-if 를 같이 쓰면 발생하는 Issue 해결

참고 https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html 에러 원인 한 엘리먼트에 v-if와 v-for를 함께 사용해서 발생한 에러다. This 'v-if' should be moved to the wrapper element v-if를 해당 요소를 감싸는 상위 요소로 이동시켜 적용하라는 메시지가 함께 표시되고 있다. 결과 ☝방법1 ) v-if와 v-for 부분을 분리 v-if와 v-for 부분을 분리하니까 에러가 깨끗하게 해결됐다. 어찌보면 가장 간단하고 근본적인 해결책같지만, 계획에 없던 불필요한 코드가 추가된다는 단점이 있다.😇 ✌️방법2 ) eslintrc.js에 vue/no-use-v-if-with-v-for 추가 나처럼 eslintrc.js..
❗️Error 2023. 8. 24. 22:34
[동일 라우터 중복 요청에러] NavigationDuplicated: Avoided redundant navigation to current location

참고 https://yeongseungjeong.tistory.com/48 https://stackoverflow.com/questions/57837758/navigationduplicated-navigating-to-current-location-search-is-not-allowed 에러 진행중인 프로젝트에서 라우터를 이용해 네비게이션바 클릭시 경로 변경을 시키고 있는데 이런 에러가 뜬다. NavigationDuplicated: Avoided redundant navigation to current location 이름만 봐도 알 수 있듯이 경로가 겹친다는 이야기인데, '지금 니가 이미 거기에 있는데 왜 또 거기로 가려고 하냐?' 대충 이런 느낌이다. 즉, 현재 페이지 주소가 이동하려는 페이지의 주소..
❗️Error 2023. 8. 24. 17:23
[Vue router 설치 에러] unable to resolve dependency tree

에러 원인 현재 사용 중인 Vue 버전과 Vue Router 버전 간의 호환성 문제로 발생한 에러였다. 나는 Vue2 버전을 사용하고 있는데, 호환되지 않는 라우터 4버전을 설치하려고 하니 그랬던거다. (기본 버전이 Vue3 버전이기 때문에, 이에 따라 라우터는 4버전이 지원됨) 해결 라우터3 버전을 설치하니 에러가 해결됐다.
❗️Error 2023. 8. 24. 15:47
[카카오맵API] parser-blocking 경고

카카오맵 API를 연동해서 개발하다가 보니, 콘솔창에 노란색 바탕으로 표시되는 워닝이 있었다. 기능 동작에 큰 지장은 없는 것 같아서 처음엔 걍 숨김 메시지 처리하다가 영 신경이 쓰여서 대체 뭐 때문에 발생하는지 알아보게 됐다. -_-;; 카카오맵 API를 연동했을 때 발생한 경고인만큼 카카오 데브톡에서 알아보는게 빠를 것 같아서 관련 자료를 알아보던 중에 딱 내 상황에 맞는 QnA를 어렵지않게 발견할 수 있었다. 참고 Gatsby 코드에서 map을 불러오는 코드를 작성중입니다 /global kakao/ import React , { useEffect } from ‘react’; export default () => { useEffect(() => { // document.cookie = 'same-si..
❗️Error 2023. 8. 24. 00:18
이전 Prev 1 ··· 8 9 10 11 12 Next 다음