에러 모음

yarn version berry to classic

yarn berry를 사용한 모노레포 연습중에 기존 node modules를 사용하는 레포지토리에서 yarn start가 안되는 에러가 발생했다 yarn set version classic 위 코드를 통해 classic으로 변경하려해도 적용이 되지 않았는데 해결법은 다음과 같았다 윈도우 기준 사용자명 path까지 이동해서 그 위치에서 classic으로 버전을 바꾸면 된다 yarn version 변경이 전역적으로 이뤄지는건지 잘 모르겠다 리서치 필요할 듯

Cloudfront 특정 경로에서만 액세스 거부 오류 발생(403)

루트 도메인에 들어갈때는 오류가 없지만 특정 경로에서만 액세스 거부 오류가 발생하는 이슈 cloudfront 오류 페이지에서 403 금지 항목 선택 후 응답을 200으로 설정해서 해결

React state update on an unmounted component ERROR

Router 이동시 비동기적으로 실행되고 있는 로직으로 인해 메모리 누수가 발생할 수 있다는 에러 기능에는 이상이 없지만 메모리 누수가 발생할 수 있어 해결해야 하는 이슈 useEffect cleanup 함수로 해결하라고 안내해주고 있음 cleanup function useEffect(() => { return () => { ... } });

Chain in Tier Error

Unauthorized Chain in Tier ERROR Blocknative 측에서 제공되는 제한량이 초과해서 발생하는걸로 추측중 API Key를 유료 버전으로 업그레이드 하거나 사용량을 확인해봐야됨 Assume Blocknative has exceeded the limit provided. You must upgrade the API Key to a paid version or check usage.

type is not assignable to type 'react-node’ 이슈

React18 issue React18 버전 이하에서 발생하는 이슈 type * or export * 라고 명시된 항목들로 인해 자동으로 React18이 반영되는 문제로 추측 package.json에 자신이 사용하고 있는 버전에 맞게 아래와 같이 명시해주면 됨 Yarn "resolutions": { "@types/react": "^17.0.43", "@types/react-dom": "^17.0.17", } npm "overrides": { "@types/react": "^17.0.43", "@types/react-dom": "^17.0.17", }

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]:

Error code Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/rules/no-unused-expressions' is not defined by "exports" in /Users/seonghun-i/Desktop/cording/peri.dex/node_modules/eslint/package.json Referenced from: 발생 npm run start시 발생 원인 eslint 버전 문제로 추측 해결 eslint 버전 8.13.0에서 7.32.0으로 다운그레이드

SSR 'window is undefined' 에러 해결법

window is undefined error three.js canvas 사이즈를 조절하는 중 window is undefined 라는 에러가 발생했다 CSR과는 다르게 클라이언트에서 렌더링을 할때까지 기다리지 못하기에 생기는 에러인 것 같다 해결법은 다음과 같다 window 타입 설정 에러 바인딩 if(typeof window !== 'undefined') { // 코드 } useEffect useEffect(() => { const 변수 = window.innerWidth; }, []); dynamic import dynamic from 'next/dynamic'; const DynamicComponent = dynamic(() => import('../component/적용하실컴포넌트'), { s..

Failed to load SWC binary 에러 처리

다음과 같은 에러가 발생했을때 해결한 방법은 다음과 같습니다 Next.js에서 npm run dev를 했을때 생긴 에러로 npm install next@canary설치 후 다시 npm run dev를 하니 정상적으로 동작되었습니다 참조 https://stackoverflow.com/questions/69816589/next-failed-to-load-swc-binary

git pull 'fatal: 관계 없는 커밋 내역의 병합을 거부합니다' 에러 해결방법

git fetch --all // git remote 에서 전체 내용 받아오기 git reset --hard origin/main // 수정된 내역 삭제 후 이전 내용으로 복구 git pull origin main // 현재 작업하고 있는 로컬에 커밋 병합

jest-worker@27.0.0-next.5: The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0". Got "14.8.0"

Next.js에서 typescript버전 styled-components를 설치하는 와중에 에러가 발생했다. 해당 에러는 Node.js에 버전이 달라서 생기는 에러이기에 Node.js 버전을 바꿔주면 해결됩니다. 아래 명령어로 설치해준뒤 nvm install 14.15.014.15.0 버전으로 변경해주면됩니다. nvm use 14.15.0