inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

Vote 함수 생성하기 및 router.pathname 사용

수업질문 Unhandle Runtime Error해결 방법 문의드립니다.

1330

Cacamoli

작성한 질문수 2

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

인덱스와 유저페이지만 안들어가지고 다른 페이지들은 들어가집니다. 구글링 해봐도 해결을 못해서 질문남겨봅니다.

혹시 어느 부분이 문제인지 알수 있을까요?

 

 

터미널 오류

warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload

state { user: null, authenticated: false, loading: true }

upstream image response failed for http://localhost:4000/images/qTXQHCjdvd.jpg 404

ImageError: "url" parameter is valid but upstream response is invalid

at imageOptimizer (/Users/camoma1/Desktop/reddit-clone-app/client/node_modules/next/dist/server/image-optimizer.js:476:19)

at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

at async cacheEntry.imageResponseCache.get.incrementalCache (/Users/camoma1/Desktop/reddit-clone-app/client/node_modules/next/dist/server/next-server.js:264:72)

at async /Users/camoma1/Desktop/reddit-clone-app/client/node_modules/next/dist/server/response-cache/index.js:83:36 {

statusCode: 404

}

런타임 에러

Unhandled Runtime Error

Error: Image with src "http://localhost:4000/images/qTXQHCjdvd.jpg" is missing required "width" property.

react node.js postgresql docker typescript 클론코딩 next.js

답변 1

1

John Ahn

안녕하세요!
혹시 next.config.js 파일에 image 도메인 추가해주셨나요?!

그리고 아래
Unhandled Runtime Error

Error: Image with src "http://localhost:4000/images/qTXQHCjdvd.jpg" is missing required "width" property.

이 부분 에러는 에러 내용 그래도 width 속성을 추가해주시겠어요?!

<Image src="~" width={ px} /> 이렇게요

감사합니다.

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

0

119

2

쿠키 저장이 되지 않습니다.

0

224

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)

0

580

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',

0

650

1

overload 에러

0

170

1

docker compose up 오류

0

208

1

부록) remark 강의 중 parmas 오류

0

139

1

3000번은 잘 들어가지는데 80번은 안됩니다.

1

295

0

커뮤니티를 올리고 난 후 404 page

0

209

1

tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.

0

1042

2

tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?

0

653

2

useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?

0

805

2

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

0

4610

2

data 폴더가 생성되지 않아요.

0

526

1

docker-compose up 오류

0

814

1

회원 가입 페이지 기능 생성(3) 중 에러

0

380

2

Entity에 toJSON 코드 입력 후 404 에러

0

252

1

context에서 useEffect 선언 부분 질문 있어요.

0

295

1

src 폴더구조

0

511

2

서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다

0

298

1

엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다

0

313

1

회원가입 누르면 404에러가 뜹니다 ;-;

1

424

1

nextjs버젼에 대해서 질문드립니다.

0

373

1

<npm run dev>시 -61 에러가 나타납니다!

0

357

1