이안의 평일코딩

sass/scss 파일을 install한 뒤 실행시켰더니 위와 같은 오류가 발생하였다. 해결방법 5.0.0파일을 언인스톨하고 다시 4.x.x버젼으로 인스톨해주면 된다. npm uninstall node-sass npm install node-sass@4.14.1

npm install react-paypal-express-checkout --save npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree paypal 이용하려고 설치하려고 하자 위와 같이 오류가 났다. 해결방법 npm install 뒤에 ' --save --legacy-peer-deps ' 를 추가해주면 된다. npm install react-paypal-express-checkout --save --legacy-peer-deps package.json을 확인해보면 받으려고 한 react-paypal-express-checkout이 잘 받아져 있는 것을 확인할 수 있다.

리액트 코딩 중에 반복문 map()에서 오류가 발생했다. {commentLists && commentLists.map((comment, index) => { })} 해결방법 1. map(() => ()) { } 괄호를 ( )로 수정해주면 오류는 바로 해결된다. {commentLists && commentLists.map((comment, index) => ( ))} 2. map(() => {}) 그렇다면 { }를 굳이 쓰고싶다면 return( )을 넣어주면 된다. {commentLists && commentLists.map((comment, index) => { return() })}

npm run dev(리액트 서버와 노드 서버를 한 번에 실행)로 서버를 가동 중일 때 ^C로 서버를 해제하고 난 뒤 다시 npm run dev을 실행했을 때 이미 5000번(노드 서버 주소)가 사용되고 있다는 오류가 뜬다. 해결방법 터미널에서 노드 서버를 아래와 같이 입력하여 꺼주면 된다. pkill node 그리고 다시 npm run dev로 서버를 가동해주면 오류없이 실행된다.

해결방법 '해당라이브러리' is not defined no-undef 오류가 났을 때는 import를 해주면 간단히 해결된다. import Axios from 'axios';

위와 같은 오류가 뜨기 시작. Attempted import error: '@ant-design/icons' does not contain a default export (imported as 'Icon'). 해결방법 기존으로 import 해오던 방식이 아닌 import Icon from '@ant-design/icons'; 로 바꿔준다. 그리고 터미널에서 npm install @ant-design/icons --save-dev 를 입력해서 설치해주면 오류가 사라진다. 간단하쥬?

요즘 공부용으로 진행 중인 리액트 프로젝트를 push한 뒤 갑자기 Dependabot alerts이 메일로 와서 깜짝 놀랐다. We found potential security vulnerabilities in your dependencies. 보안이 취약하므로 package.json이나 yarn.lock의 패키지를 최신 버젼으로 업데이트 해주면 된다. 해결방법은 의외로 간단했다. 해결방법 먼저, 터미널을 열어 하기와 같이 입력한다. 그럼 보안 취약성을 확인해준다. npm audit 그리고 업데이트를 해준다. npm audit fix 가끔 업데이트가 안될때가 있는데 그럴땐 강제로 해주면 처리가 되었다. npm audit fix --force 그리고 깃허브에 변동된 사항을 다시 푸쉬해주면 해결된다. + 만..