목록오류모음 (6)
HYEWON JUNG의 개발일지
typescript 파일을 배포하려던 중에 코드가 엉망이 되어서 클론을 받아 다시 세팅을 했다. 그리고 yarn install을 하고 yarn start를 했더니 module not found 천지가 있었다. axios, query, uuid 등이 다 오류가 나고 있었다. package.json을 확인해봐도 멀쩡하게 설치가 되어있는 것 같은데 .. yarn add 로 다시 설치를 하니 'react/jsx-runtime' 모듈 또는 해당 형식 선언을 찾을 수 없습니다. ..? 그래서 구글링을 조금 해봤더니 node_modules 랑 yarn lock을 제거하고 yarn cache clean해주고 yarn install 하기 그랬더니 실행이 되었다.
상황 리액트 심화에 들어가기 전 counter앱을 기본세팅 중 번역 초기화 중에 키 "카운터"에 대한 슬라이스 리듀서가 정의되지 않은 상태를 반환했습니다. 리듀서에 전달된 상태가 정의되지 않은 경우 초기 상태를 명시적으로 반환해야 합니다. 초기 상태는 정의되지 않을 수 없습니다. 이 리듀서의 값을 설정하지 않으려면 정의되지 않음 대신 null을 사용할 수 있습니다. 해당코드 const counter = (state = initialState, action) => { switch (action.type) { case PLUS_ONE: return { number: state.number + 1 }; case MINUS_ONE: return { number: state.number - 1 }; } }; 해결..
const로 상수를 선언해 두고 재할당을 할 때 나오는 오류이다. 간단하게는 let으로 바꿔서 해결할 수 있다. const a = 15 a=10 이렇게 재할당을 할 대 나타나지만 나같은 경우에는 const [count, setCount] = useState(0) const statePlusHandler=()=>{ setCount(count ++) } 에서 오류가 떴다. react를 공부하던중 +1 해야하는 값에는 그냥 다 ++, 증감연산자를 사용했었는데 갑자기 오류가 뜬 것 이다. 증감연산자는 단순 +1 이 아니라 할당연산자를 간략하게 사용하는 것이라고 보면 되는데 할당연산자는 a += 1 === a= a+1 === a++ 이것을 뜻한다. 그러니 위에 코드에선 count = count+1을 해준 것이다...
과제를 하면서 가장 마주친 오류인데 이걸 마주친다면 당신은 화살표함수가 익숙하지 않다는 뜻입니다. 오류의 뜻은 Expected an assignment or function call and instead saw an expression 할당 또는 함수 호출이 예상되었지만 대신 표현식이 표시되었습니다. 이게 무슨 소리냐 간단하게 return이 안되고 있다는 것이다. 화살표함수를 이렇게 쓰고 있다면 다시 공부해야한다. (본인) 틀린 화살표함수 (props)=>{props.backgroundColor} 화살표함수로 만들 때 식이 한줄이라 return을 생략하려면 {}도 같이 생략을 해줘야한다. 반대로도 똑같이 생략을 하려면 return과 {}는 꼭 같이 생략이 되야한다는 점.. 옳은 화살표함수 (props)=..
react 실행 중 마주친 오류 대충 눈으로 읽어봤을 때 './App'이 안 찾아진다는 것 같았다. 내가 건든 것에는 App.jsx를 import하는 게 없었는데 뭐가 문제 일까했다. 암튼 그래서 구글링을 해서 해봤다. 해본 방법 yarn.lock삭제 이유는 모르겠고 해보래서 해봤다. 아무런 변화가 없었다. 그러던 중 App.jsx를 깃에 올리기 직전에 component폴더로 옮기긴 했지만.. 알아서 위치정보 바꾼다고 알림이 떳었던 것이 생각이 났다. index.js와 Apptest.js import정보 수정하기 알아서 위치정보 수정한다더니 여기에 import하고 있었다. App.jsx파일을 component폴더로 옮겼으니 경로에 component가 추가되어있어야 하는데 없었다. 다시 import위치를 ..
유효성 검사를 진행하는데 계속 첫 새로고침후에 바로 추가하기를 누르면 'Cannot read properties of null (reading 'classList')' 이라는 오류가 계속 뜨는 것이다.. 문제의 코드는 ↓↓ const warning = document.querySelector('.warning') const warning2 = document.querySelector('.warning2') const addListBtnEvent = (event) => { event.preventDefault() if ((title === '' || content === '') && (title.length > 15 || content.length > 100)) { warning2.classList.add..