error | tip/error10 react storybook 에러 npm run storybook 명령어 사용시 Module not found: Can't resolve '@testing-library/dom' in '~~\node_modules\@testing-library\user-event\dist' node_modules\@testing-library\user-event/dist/click.js 와 같은 에러가 발생했다.. 위 에러는 @testing-library/user-event 패키지에서 @testing-library/dom 모듈을 찾을 수 없어서 발생하는 에러로 먼저 @testing-library/dom 모듈을 설치해야한다. npm install --save-dev @testing-library/dom 다음으로는 @testing-library/user-e.. 2023. 3. 23. [nextJS] FirebaseError: Firebase: Error (auth/invalid-api-key) 위와 같이 firebase/auth를 이용해 login페이지를 만들던 도중 발생한 에러이다. firebase콘솔에서 프로젝트를 만들고 웹에 적용하려고 firebaseInit.ts 파일을 하나 만들어서 firebaseConfig 에 값을 넣어줬는데 이때 env파일로 키값들을 넣어준다. nextjs의 경우 ssr하는 부분은 nodejs로 되어있어 .env파일에서 NEXT_PUBLIC을 안붙여줘도 되지만 그밖에 파일들에서 env 값들을 가져오려면 NEXT_PUBLIC을 붙여줘야된다. 고로 아래와 같이 NEXT_PUBLIC를 붙인 env키값으로 작성하면 된다. // Import the functions you need from the SDKs you need import { initializeApp } from.. 2023. 2. 14. 구글 소셜 로그인 (구글 로그인) - 에러편 로그인 버튼은 나왔는데 크롬 콘솔 창을 보니 에러가.. 1. [GSI_LOGGER]: The given origin is not allowed for the given client ID. 해결 방법으로는 "승인된 리디렉션 URI" 에서 URI 를 'http://localhost:3000' 과 'http://localhost'를 추가해주면 위 에러가 제거된다. 에러가 난 이유는 이 사항을 읽고 지나갔기때문에.. 아래 주소에서 확인해보시길.. 봐야 할 주소 : https://developers.google.com/identity/gsi/web/guides/get-google-api-clientid 설정 | Authentication | Google Developers 이 페이지는 Cloud Translati.. 2022. 11. 9. read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it! 다른 노트북에서 프로젝트를 진행하고 파일을 집으로 가져와서 npm install 을 했는데 발생한 에러다..! npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it! npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User\AppData\Roaming\npm-cache\_logs\2022-10-25T1.. 2022. 10. 26. 이전 1 2 3 다음
