티스토리

코빵딩집

검색하기

블로그 홈

코빵딩집

subwaymasitta.tistory.com/m

ahue 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

Minified React error #321 : React Hook은 컴포넌트 최상위에 위치해야 한다 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. Minified React error #321 위와 같은 에러가 떴다. 방문해보라는 페이지에 들어가면 리액트 훅과 관련된 문제라는 것을 알려준다. 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breakin.. 공감수 0 댓글수 0 2022. 6. 5.
[React] unique "key" prop : key를 다 넣어줬는데도 에러가 나는 경우 Unique key prop 에러 for문이나 map을 돌릴 때에 각 요소에 unique key를 할당해주어야 한다는 에러이다. 그런데 이렇게 forEach문 내부에 있는 ListGroupItem에 key 값을 따로 주었는데도 동일한 에러가 발생하였다. key값이 다른 것과 겹칠지도 몰라서 unique한 memberSeq를 key로 주었고, 다른 컴포넌트와 겹칠지도 모른다는 생각에 'fapro'라는 단어도 추가해주었지만 여전히 같은 에러가 났다. 나중에 알았지만 key 값이 겹친다면 위와 같이 그냥 "key" props 하는 것이 아니라 '[Object Object]'라는 키가 겹칩니다! 혹은 '0'이라는 키가 겹칩니다! 하는 식으로 자세히 알려주더라. 해결방법 해결 방법은 forEach문을 바꾸는 것이.. 공감수 0 댓글수 0 2022. 6. 4.
Mixed Content 경고창 Mixed Content 경고 말 그래도 http와 https를 둘 다 호출하기 때문에 일어난 경고창이다. 해당 페이지에서는 회원 목록을 호출하고 있는데, 회원 정보 중 하나인 카카오 계정 프로필 사진이 DB에 http URL로 저장되어 있었다. api를 https 프로토콜로 호출하면서 통시에 http URL을 타야해서 난 경고창인 듯 하다. 해결 방안 일단 DB의 프로필 이미지를 https 로 바꾸어주었다. 이렇게 바꾸니 경고창은 사라지고 잘 작동하는 것을 확인할 수 있었다. 다만 백엔드 파트에 물어보니 카카오 api를 호출했을 때 기본적으로 http를 받아오게 된다고 했다. 앞으로 일일이 DB 내용을 바꿔줄 수 없기 때문에 다른 방법을 찾아야할 것 같다. https://developers.kakao... 공감수 0 댓글수 0 2022. 6. 3.
[Vuejs] vuejs-datepicker 사용하기 https://www.npmjs.com/package/vuejs-datepicker vuejs-datepicker A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations. Latest version: 1.6.2, last published: 3 years ago. Start using vuejs-datepicker in your project by running `npm i vuejs-datepicker`. There are 192 other projects www.npmjs.com 프로젝트에서 datepicker를 사용해야해서 찾아보다가 vuejs-datepicker를 골랐다. 이유는 가장 심.. 공감수 0 댓글수 0 2022. 4. 16.
[Vuejs] This dependency was not found:* vue-editor-bridge This dependency was not found: * vue-editor-bridge in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/A.vue?vue&type=script&lang=js& To install it, you can run: npm install --save vue-editor-bridge Error from chokidar (C:\): Error: EBUSY: resource bus.. 공감수 0 댓글수 0 2022. 4. 14.
Uncaught (in promise) NavigationDuplicated : Avoided redundant navigation to current location Uncaught (in promise) NavigationDuplicated : Avoided redundant navigation to current location: vue.js의 router의 네비게이션 오류이다. 현재 페이지에서 다시 현재 페이지로 이동하려고 할 때 발생한다. 우리 프로젝트는 메인 페이지에서 로고를 눌러 다시 메인 페이지를 호출하는 경우에 저 에러가 발생하였다. 해결 방법 : 이동할 주소를 비교해서 실행한다. goToMain() { if (this.$route.path !== "/") this.$router.push("/"); }, 단 이렇게 하니, 메인 페이지에서는 로고를 눌러도 아무 반응이 없는 것을 확인할 수 있었다. 나는 메인 페이지에서 로고를 누르면 새로고침이 되도록 하고.. 공감수 0 댓글수 0 2022. 4. 6.
Manifest: Line: 1, column: 1, Syntax error 제목처럼 검색하면 index.html 파일에서 manifest 경로를 변경해주라는 이야기가 대부분이다. 아니 나는 애초에 manifest.json이라는 파일이 없는데?? ಠoಠ 그래도 굳이굳이 계속 아무리 죽어라 manifest.json 경로를 변경해줘도 에러가 떴다. StackOverflow를 뒤져도 못찾았는데 결국 어떤 중국 사이트에서 답을 찾을 수 있었다. Vue项目本地启动报错Manifest: Line: 1, column: 1, Syntax error解决方法 - CodeAntenna 如果是拷贝老项目进行改造，很容易出现这个报错，原因是老项目有配置PWA相关的配置，但是你的项目缺少了mainfest.json这个文件，处理方法搜索pwa，将项目相关配置删除，并且在package.json找到相 codeantenna.com.. 공감수 0 댓글수 0 2022. 4. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.