본문 바로가기

React 관련/이슈4

Node/React spawn einval 오류 단순히 CRA(create react app)을 해도 spawn EINVAL이라면서 명령어가 실행이 안되는 오류가 발생하였다.node.js를 LTS, v20.15.1 버전을 설치했더니 이런 오류가 발생하는 것이다. 이 이슈는 2024년 node의 보안 정책 업데이트로 발생한다. Node.js — Wednesday, April 10, 2024 Security ReleasesNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 단순히 node 버전을 다운그레이드해도 해결가능하다. 2024. 7. 15.
[React] vercel 배포시 http, https axios 통신 제대로 하는법 create-react-app으로 vercel 배포시 axios 오류가 발생했다.create-react-app으로 만든 리액트 웹 어플리케이션을 vercel를 통해서 간단히 배포할려 했는데 axios에서 제대로 url이 보내지지 않는 오류가 발생하였다. vercel로 백엔드 통신을 하기위해 axios를 이용하는데, axios.create로 만든 기본 url이 vercel의 기본 주소 url로 되어 있었다..env 설정을 "http://주소~~"로 추가하다보니까 "를 나타내는 %22가 url에 같이 추가된 모습니다. 해결법먼저 루트 디렉토리에 vercel.config 파일을 만들고 다음과 같이 작성한다.{ "version": 2, "rewrites": [ { "source": "/api/.. 2024. 6. 11.
[React] 카카오맵 vercel 배포시 cors 해결법(kakao map with vercel) 카카오맵을 사용하는 도중 다음과 같이 401에러가 발생하였다. 이유를 알아보니까 proxy에러도 뭐도 아닌 그냥 간단한 이슈였다...카카오 맵 api의 도메인을 그냥 localhost로만 해둬서 그런 것이였다. 사이트 도메인을 추가함으로써 정상적으로 돌아왔다. 아래의 링크에서 내 어플리케이션 들어가고, 플랫폼에서 web의 도메인을 수정하면 된다.https://developers.kakao.com/console/app  카카오계정 accounts.kakao.com 2024. 6. 11.
msw 오류 Cannot read properties of undefined (reading 'url') 응답을 mocking 하기 위해 msw를 사용하였지만, url을 읽을 수 없는 오류가 발생하였다.그러나 막상 오류를 무시해도 잘 작동이 되어서 무엇이 원인인지 궁금해졌다.  크롬의 개발자 도구를 켜서 오류를 확인해보니, createResponseListener.ts에서 문제가 발생하였다.  이 코드는 내가 짠 것이 아니라, msw에서 발생한 오류이다.  주석처리 되어 있는 링크를 들어가보니까, 내 문제가 아니라 msw의 문제였다.     내 문제가 아니라 어떻게 해야할지 모르겠는데, 하다가 안되면 버전 다운그레이드나 제거를 해야겠다...  궁금하면 가서 읽어보는 것을 추천합니다. https://github.com/mswjs/msw/issues/2030https://github.com/mswjs/msw/i.. 2024. 4. 16.