본문 바로가기

error4

[Error] Next.js14.0.3에서 three/drei 라이브러리 에러 💣Attempted import error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator') 에러 환경: Window IDE: Vscode 프레임워크 버전: Next.js14.0.3 오류 난 라이브러리 이름/버전: @react-three/drei: 9.75.0 최근 업데이트한 Next.js 14.0.3에서 three/drei를 import하여 사용만 해도 위와 같은 에러 메세지가 나옴. dev모드인 경우 log에 계속 에러가 나오고 있는 상황이며, createSDFGenerator를 사용하지 않는 컴포넌트는 동작함. vercel에 테스트 배포를 실험해 본 결과, 아래 사진과 같이 error를.. 2023. 11. 27.
[ERROR] Prisma 마이그레이션 후 타입스크립트 에러(feat.MongoDB)-해결 카카오톡 결제 api를 추가하면서 MonogoDB 스키마에 새로운 변수와 값을 추가해줘야 하는 일이 생겼다. 그래서 Prisma의 공식 문서를 참고하여 추가한 것까진 좋았으나, create에 새로 추가한 변수를 넣자마자 타입에러를 뿜어냈다. 당황해서 에러에 관련된 건 캡처를 못했지만, 해결한 방법을 올린다. 접근한 생각은 한번 데이터를 인식을 시켜줘야 할거 같단 생각이 들었다. 그렇게 찾은 방법이 prisma studio다. npx prisma studio 위 명령어를 치면, localhost 주소를 준다. 해당 주소로 들어가면, 이런 화면이 나온다. 사진의 맨 상단 위에 보이는 + 버튼을 누른다. 그러면 위와 같이 등록한 모델들이 나온다. 필자 같은 경우엔 Reservation이 문제였으므로 Reser.. 2023. 5. 17.
[ERROR] 구글 Oauth 카카오톡 인앱 에러(※해결법 없음 주의) 베포후 테스트를 하던 도중 다른 로그인은 다 잘되는데 카카오톡에서 링크로 들어간 홈페이지에서는 로그인시 에세스 차단됨이 뜬다. 전부 다 안된다면 미천한 내가 무릎꿇고 빌어야 됐지만 이번만큼은 억울 했다. 그래서 찾아 본 결과, 카카오데브톡에 해당 이슈에 대한 내용이 있었다. 결론 제한이 있을 수밖에 없다... 실질적으로 Oauth를 이용했을 때 액세스 차단에 대해 해결 할 순 없었지만, 안되는 이유를 알아보았다. 2023. 5. 15.
[ERROR] Vercel 배포시 Prisma 에러 - 해결 해당 글은 Next.js 13.2.4 버전 기준입니다. Next.js에서 Prisma를 채택해서 배포했을 때, 해당 에러가 떴었다. 🤔 Vercel 빌드하며 난 에러 문구 PrismaClientInitializationError: Prisma has detected that this project was built on Vercel, which caches dependencies. This leads to an outdated Prisma Client because Prisma's auto-generation isn't triggered. To fix this, make sure to run the `prisma generate` command during the build process. 간단히 말하면.. 2023. 5. 15.