[Next.js ] GET http://localhost:3000/ 500 (Internal Server Error) | index.js:654 Uncaught TypeError: Cannot read properties of undefined (reading 'getInitialProps')
2023. 10. 30. 08:15
개발/Error note
강의를 따라하던중 Next.js에 리덕스(리덕스툴킷x 일단 리덕스로하고 강의끝내고 마이그레이션할 것!)를 추가했는데 GET http://localhost:3000/ 500 (Internal Server Error) index.js:654 Uncaught TypeError: Cannot read properties of undefined (reading 'getInitialProps') 이렇게 에러가 빠방 떴다. 해결방법 // _app.js import React from 'react'; import Head from 'next/head'; import PropTypes from 'prop-types'; import wrapper from '../store/configureStore'; const Node..
[firebase-iOS] dSYM 누락 - Crashlytics에서 1.3.17 (4) 버전의 dSYM 누락을 감지했습니다.
2023. 10. 23. 21:30
개발/Install, setting, etc
기존에 운영중인 앱 업데이트 후 dSYM 누락을 감지했다는 메일을 받았다. 구글링으로 가장 상단에 있는 방법인 빌드 메타데이터에서 - 기호 포함 에서 dSYM을 다운로드 해서 넣으면 된다는 글을보고 따라하려 했는데..앱스토어 커넥트 해당 빌드 설정에.... 기호포함 옆에 아무것도 없었다.. 다운로드할게 없었다.. 좀 더 찾아보니 작년 하반기 쯤 정책이 바뀐것 같았다. 참고에 있는 스택오버 플로우를 따라하니 dSYM파일 추출이 가능했다. 해결방법 (Mac 기준) Swift - 해당프로젝트를 켜고 - Window - Organizer 추출해야하는 아카이브 네임 우클릭 해서 Show in Finder 해서 .xcarchive 파일을 다시 우클릭해서 패키지 내용보기 dSYMs 파일들중 프로젝트명.dSYM으로 된..
[Android] Entry name 'res/animator/linear_indeterminate_line1_head_interpolator.xml' collided
2023. 10. 20. 07:52
개발/Error note
Entry name 'res/animator/linear_indeterminate_line1_head_interpolator.xml' collided 안드로이드 빌드하는데 위의 오류가떴다 해결방법 Build - Clean Project 빌드중에 소스나 설정들이 꼬인거라 Clean Project를 하고 다시 빌드를 해주면 BUILD SUCCESSFUL 이 뜨는걸 볼 수 있다.
[Next.js] Next 에서 이미지 넣기 (img태그 대신 Image 컴포넌트 사용하기!)
2023. 10. 13. 13:03
개발/Error note
이미지..가.. 엑박...이다.. export default function Home() { ...코드생략 return(...코드생략 ...코드생략 ) }img 태그 방식을 그대로 썼는데 오류가 났다. 그래서 create-next-app때 나왔던 이미지는 어떻게 불러왔나 살펴보니 import Image from 'next/image'; export default function Home() { ...코드생략 return(...코드생략 ...코드생략 ) }이렇게 next/image에서 Image 컴포넌트를 불러와서 사용하고 있었다. 그리고 이미지 부르는 경로가 public 폴더 아래에 넣어두면 그냥 바로 가져다 쓸 수있어보였다. export default function Home() { ...코드생략 re..
[webpack]app.ts:17 Uncaught ReferenceError: process is not defined
2023. 9. 29. 11:53
개발/Error note
[오류 발생 상황] axios .get( `https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURI( enteredAddress )}=${process.env.REACT_APP_GOOGLE_GEO_API}` ) .then((response) => console.log(response)) .catch((err) => console.error(err)); API 키를 .env에 저장하고 사용하려고 하니 process가 정의되지 않았다는 오류가 떴다. 웹팩5부터는 직접 설정을 해줘야 한다고 적혀있었다. (스택오버플로우 짱짱) [해결방법] //webpack.config.js const path = require('path'); const dot..