뇌 채우기 공간

프로젝트 : vue3 [원인] 부모에서 전달한 데이터를 props로 받고 자식에서 그것을 바로 수정하는 경우 생기는 에러 [해결] props로 받은 값을 변수화 해서 사용하고 emit을 통해 변경하면 된다.

설치안된 라이브러리 등이 있을 때 뜨는 에러! 찾아서 설치하면 된다!

https://stackoverflow.com/questions/57837758/navigationduplicated-navigating-to-current-location-search-is-not-allowed NavigationDuplicated Navigating to current location ("/search") is not allowed When I want to do a search multiple times it shows me the NavigationDuplicated error. My search is in the navbar and the way I have configured the search is to take the value using a model and then.....

같은 라우터로 푸시했을때 생기는 오류 this.$router.push("/admin").catch(()=>{}); catch문을 설정해주면 된다! 참고 : stackoverflow How to solve Avoided redundant navigation to current location error in vue? I am new in vue and i got the error after user logged in and redirect to another route. Basically i am a PHP developer and i use laravel with vue. Please help me to solve this error. Uncaught (in stackoverflow.com

문제발생 문제발생은 vue2에서 composition api 를 불러와서 잘 작업하고나서 script 를 타입스크립트로 바꿔줄때 나타났다. root.$router.replace({ query: queries.value }) 여기서 query부분이 에러가 났다. 메세지는 No overload matches this call 문제 해결 queries 의 타입은 내가 따로 지정한 타입인데 object안에 string도 있고 number도 있는 타입이었다. 문제 발생 원인은 query의 값들은 모두 string이거나 null이거나 undefined 이어야하는데 내가 number로 지정해서 생긴 오류였다. query?: Dictionary 그래서 타입을 모두 string으로 바꿔주었더니 해결! type Query..

vue 프로젝트를 하는데 이런 에러가 떴다. 찾아보니 A컴포넌트를 B에서 import 해서 사용하는데 B에서 A의 항목을 import 해서 생긴다고 한다. 그래서 나의 경우 문제가 있는 파일에서 메소드와 import 를 하나씩 지워보면서 에러가 나는 시점을 알아내고 해결했읍! 참고 자료 https://kir93.tistory.com/entry/ESLint-dependency-cycle-detected-importno-cycle-Error-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0

발생한 상황 나는 yarn을 쓰는데 npm으로 라이브러리를 설치했을 때 이런 현상이 발생 해결 create-react-app으로 만든 package.json이 있는디렉토리에서 yarn add react-scripts nap install -save react-scripts 명령을 실행하면 된다. yarn upgrade 실행해봐도 됨 yarn 과 npm의 차이는 아직 잘 몰라서 공부해봐야함!

발생한 상황 이상한 디렉토리에서 yarn start를 해서 script가 없다길래 이상한 곳에 설치해버림 해결 1. package-lock.json제거 2. node modules 제거 3. npm install 하지만 그냥 이전 버전의 소스를 다시 clone해오는 빠른 방법도 있음.......... npm이랑 yarn에 대해서 좀 정확히 알아야할 필요성을 느낌

이 문제는 onClick 함수에서 onClick = {somefunction} 이 함수가 계속 렌더 되는 문제 onClick = {() =>{somefunction()}} 이렇게 해결

이때 생긴 문제는 바로! history를 import할때 {history}라고 안해서 생긴 에러다. redux > configStore.js import { createStore, applyMiddleware, compose, combineReducers } from "redux"; import { createBrowserHistory } from "history"; import { connectRouter } from "connected-react-router"; import thunk from "redux-thunk"; import item from "./modules/item"; import cart from "./modules/cart"; const history = createBrowserHis..