본문 바로가기

🎸Front-end/Vue.js3

[Vue.js 에러] TypeError: axios_WEBPACK_IMPORTED_MODULE_0___default.a.post(...).then(...).err is not a function 에러가 날만한 곳이 없는데(는 내 생각^_^) 콘솔창을 보니 경고가 떠있었다. 실행하는데 문제는 없었지만 아무래도 찝찝해서 구글링을 해봤는데 다행히 심각한건 아니고😜… 메소드에서 axios 통신을 할 때, 성공하면 then으로 받고 (예: then(res) 등으로 활용) 실패하면 catch로 받는데 (예: catch(err) 등으로 활용) 이때 catch를 err로 잘못 써서 난 경고 메세지였다. 이를 알고 다시 보니 post(...).then(...).err is not a function라는 경고메세지에서도 then(...) 다음에 err가 오는건 function이 아니라며 친절하게 알려주고 있었다^_^ 이런 어처구니 없는 실수를 보면 사람이란.. 나도 모르게 언제라도 실수를 저지를 수 있는 것 같다.. 2020. 9. 1.
[Vue.js 에러] NavigationDuplicated (부제: 현재 경로에서 새로고침 하고 싶을 때 - router.reload, router.go, currentRoute) 진행 중인 프로젝트에서 네비게이션바를 이용하고 있는데 현재 페이지에서 또 같은 경로를 클릭하면 이런 에러가 발생한다. (겉으로 보기에는 문제가 없지만 콘솔 열어보면 이런 내용의 에러가 떠있음) NavigationDuplicated: Avoided redundant navigation to current location 이름만 봐도 대충 알 수 있듯이 경로가 같다는 이야기인데, '지금 네가 이미 거기에 있는데, 왜 또 거기로 간다고 하냐?' 대충 이런 느낌이다. 즉, 현재 페이지 주소가 이동하려는 페이지의 주소와 같기 때문에 에러가 났다는 거다. 해결방법은 지금 페이지에서 또 같은 페이지로 안 가면 된다. (엥🤔❓) 사실 이 에러는 그냥 네비게이션바 이동할 때는 특별히 문제가 없기 때문에 별로 신경을 쓰지.. 2020. 8. 14.
[Vue.js 에러] vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: mode 개발 후에 실행시켜보면 제목과 같은 에러가 뜨는 경우가 간혹 있었다. (정확히는 경고라서 실행은 되지만) 뭔가 싶었는데 알고 보니 v-model를 오타내서 v-mode로 쓰는 경우 이런 에러가 난단다. 그래서 ctrl + F로 v-mode를 검색해서 찾아보니 여러 개의 v-model 중 딱 하나가 v-mode로 되어있었다. 참 별 거 아닌데 그럴 수도 있겠다 싶은 에러였다. 2020. 8. 3.