오류 해결 모음 (8) 썸네일형 리스트형 [NEXT.js] Missing component: <Head /> 오류 해결 레이아웃 열심히 잡고 있는데, 갑자기 터미널에 아래와 같은 문구가 보였다. 오류 Your custom Document (pages/_document) did not render all the required subcomponent. Missing component: Read how to fix here: https://nextjs.org/docs/messages/missing-document-component _document 파일을 여니.. Head 컴포넌트 잘 있는데 왜그래?? 싶었고 레이아웃 적용은 잘 되고 화면에 잘 보여지는데 console을 여기저기 찍었는데 하~~나도 안보이고 이 문제로 3일을 애썼다.. 원인 In your custom pages/_document an expected sub-.. [ git ] push오류 ! fatal: no path specified; see 'git help pull' for valid url syntax 이제 리액트 클론하는 강의 따라하면서 리덕스 배워보려고 하는데, git에 프로젝트 만들고 push 하니까 나는 오류 ! 오류 fatal: no path specified; see 'git help pull' for valid url syntax git remote url이 제대로 등록되지 않은 경우 원인 찾아보니 ssh로 시작하는 url을 넣어서 그렇다는데, 사진과 같이 나는 git remote -v 로 확인해보 origin url이 아예 없었다 😅 GUI툴을 사용해서 링크 넣었는데 뭔가 제대로 안되었나보다.. 해결 git remote set-url origin https://github.com// 위의 명령어로 remote의 url을 추가하고나서 push 하니 잘 되었다 : ) ✔️ 참고 https:/.. [ Vue Error ] Uncaught (in promise) NavigationDuplicated 오류 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: route.push('경로')로 페이지 이동시 일어날수 있는 오류 원인 기존에 위치하고있는 경로로 라우팅하려고 할때 이런 문제가 생기는것, 현재 위치한 경로와 동일한 주소로 이동한다고 하니까 에러로 잡는것이다. 그래도 나는 해결을 봐야 했기에 아래와같이 해결했다. 해결 1. catch로 오류를 잡아서 오류를 무시 나는 그냥 이렇게 해결했지만 찾아보니 다른 방법도 있어서 아래에 정리 this.$router.push(page).catch(() => {}) 2. 경로가 현재 위치와 다른 경우에만 이동하도록 처리 현재 위치와 같은 경로에 있.. [ Vue Error ] vuex 오류 : unknown local mutation type: OOO, global type: OO 오류 unknown local mutation type: OOO, global type: OOO 모듈을 사용해 스토어를 관리하게 될 때 발생할 수 있는 오류이다. 원인 unknown local mutation type: OOO, global type: OOO OOO이라는 이름을 가진 mutation을 모듈 루트에서 커밋을 실행하도록 설정해야 한다고한다. 해결 전역으로 사용하는 mutation이라는 것을 체크해 주면 해결되는 오류! 모듈에서 커밋을 루트에서 실행한 것과 같이 설정할 경우, 3번째 인자로 root 옵션을 설정하면 된다. commit('모듈네임스페이스/뮤테이션', 페이로드, {root: true}) 나의 경우에는 아래와같이 3번째 인자를 설정해 문제를 해결했다! commit( 'MUTATION.. [ Vue Error ] 맥 M1 node-sass 오류 : Node Sass does not yet support your current environment 기존 맥북에선 잘 되던게 맥북 M1에서 fork 후 run serve하니 오류가 났다. TypeError: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64) with Unsupported runtime (93) NodeSass는 현재 환경을 아직 지원하지 않는다고 한다. 문제 node-sass는 계속 사용 가능하지만, 기능추가나 호환성이 추가 되지 않으므로앞으로는 Dart sass(= 그냥 sass)를 사용해야 한다고 한다. 해결 Dart sass 설치 yarn add sass -D # or npm i sass --save-dev ✔︎참고 stackoverflow.com/question.. [ Vue Error ] sass-loader 설치 오류 : TypeError: this.getOptions is not a function CLI로 새 프로젝트를 생성하고 scss를 사용하려고 sass-loader를 설치하는데 이상한 오류가 났다. TypeError: this.getOptions is not a function 문제 Default ([Vue 2] babel, eslint) CLI로 프로젝트 만들때 vue 버전 선택시 Default ([Vue 2] babel, eslint) 를 선택했는데 sass-loader@11.0.0이 vue@2.6.12에서 작동하지 않는것 같다. 해결 sass-loader를 10.1.1로 다운 그레이드하여 문제를 해결! // 이전 버전의 sass-loader가 있다면 삭제 npm uninstall sass-loader //10 버전으로 다시 설치 npm i sass-loader@10 ✔︎ 참고 stack.. [ Vue Error ] Eslint 배포 오류 : Use //eslint-disable-next-line to ignore the next line. You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 수정하고 배포하려고 하는데 이런 오류가 나면서 build 오류가 났다. ESlint 때문인듯한데 저장하고 확인할때마다 오류 난 부분도 없었고 local에서 실행도 잘 되었던터라 당황.. 문제 vue.config.js 다른 에러 잡는다고 검색하다 넣은 이 부분이 문제가 되었던것 아래처럼 설정하면 콘솔에 오류가 뜨면서 뷰로 구현한 화면에도 검정 배경에 오류가 뜨게 되는데 그걸 막아주던애 그래서 내가 오류를 .. [ Vue Error ] export 'default' (imported as '...') was not found in ... export 'default' (imported as 'router') was not found in './route/router' 개인 프로젝트 수정하려고 오랜만에 npm run serve 입력했을 뿐인데 warning이 떠버렸다. 왜 그때 안잡고 그냥뒀지 ..... 🤥 ( ? ) main.js 오류를 보자니 세번째줄인 import router from'./route/router'; 에서 import 한게 문제가 있나본데😅 router.js 결론 router을 export 할때 defalut를 사용하지 않아서 그런 오류가 뜨는 거였다. ( import export 제대로 사용하지 못함 ) 해결 방법 1 import 하는 방법을 변경 main.js import { router } from './route.. 이전 1 다음
