inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택 AI ChatBot 만들기(React 19, NestJS, LangChain.Graph v1.+)

A3. React Router로 페이지 라우팅 구성하기

그대로 한 것 같은데 에러가 발생합니다..

해결된 질문

105

David J

작성한 질문수 1

0

그대로 한 것 같은데 404에러가 발생하네요 ;;
서버 처음 설정 잡는 부분이라 에러 찾기도 난감해서 문의드립니다;;;
서버 실행도 pnpm dev 로 불가능하고 pnpm vite로 해야 실행이 됩니다.

react postgresql nestjs langchain langgraph

답변 2

0

David J

제가 pnpm 명령어 수행한 위치가 frontend 밖이여서 그랬습니다.
감사합니다!

1

Kaburi

스스로 해결하셨군요! 또 막히는 부분이 생기신다면 언제든지 말씀해주세요 ^^

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. David J님.

수업에서 진행하시던 중 404 에러가 발생하고, 서버 실행 방법에 대한 문제도 함께 언급해 주셨네요. 이런 문제는 종종 프로젝트 설정의 작은 부분에서 비롯될 수 있습니다. 아래에 몇 가지 해결 방안을 제안드리겠습니다.

  1. 경로 확인: 404 에러는 주로 요청한 경로가 서버 쪽에 존재하지 않아서 발생합니다. 따라서 프로젝트 내에서 설정한 경로와 실제 서버 코드에서 처리하고 있는 경로가 일치하는지 확인해 보세요. 예를 들어, 서버에서 /api/data 경로를 처리하는데 클라이언트에서는 요청을 /data로 보내고 있다면 404 에러가 발생합니다.

  2. npm 스크립트 확인: pnpm devpnpm vite의 차이가 발생하는 이유는 package.json에 설정된 스크립트 때문일 수 있습니다. dev 스크립트가 올바르게 설정되었는지 package.json 파일의 scripts 섹션을 확인해 보세요. vite로 실행되는 스크립트와 동일한 설정인지도 살펴보세요.

  3. 서버 로깅: 서버가 실행될 때 터미널에 출력되는 로그를 주의 깊게 확인하세요. 에러 메시지나 잘못된 콘솔 출력이 있는 곳이 문제의 단서가 될 수 있습니다.

  4. CORS 설정: 클라이언트와 서버가 다른 도메인을 사용할 경우, 서버에 CORS 설정이 올바르게 되어 있는지도 확인이 필요합니다. CORS 설정이 누락되거나 잘못되어 있다면 요청이 거부될 수 있습니다.

이전에 비슷한 문제를 해결한 질문 사례가 있으니 참고해 보시면 도움이 될 수 있습니다:

제가 답변드린 내용이 문제 해결에 도움이 되길 바라며, 추가적으로 궁금한 점이 있으시면 언제든지 질문해 주세요. 지식공유자께서도 곧 도와주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

실습 데이터(PostgreSQL 백업 파일) 관련하여 문의드립니다. (Hive 환경 실습)

0

4

0

전체적인 개발에 대해 문의드립니다.

0

8

1

챌린지 시작일 문의

0

16

0

줄바꿈 시 \ 필수인가요?

0

22

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

16

2

커리큘럼 문서 제공받을 수 있을까요?

0

21

1

[13번 강의] ChatInterface에 PDF 렌더링이 안되는 이슈 공유

0

14

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

14

1

mission 09-01 을 수행할 수 없어요

0

22

1

outputStyle 설정하는데 어디서 문제일까요?

0

26

3

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

17

2

검은화면

0

27

3

강의교환링크안열려요.....

0

26

2

영상재생에러 [확인부탁드려요!!!]

0

23

2

62번 영상 화면의 글씨가 또렷하지 않아요

0

30

1

클로드 채팅에서 코드로 넘어가기

0

39

2

Context API vs Zustand 그리고 Auth

0

36

2

110강부터 따라가기가 힘듭니다...

0

53

2

노드

0

29

1

커서에서 붙여넣기

0

37

2

깃허브 사용시 폴더경로 관련질문

0

25

2

[reducer] 기능별 폴더 구조 설계/ 파일 분리로 유지 보수 가능한 아키텍처 구축

0

24

2

순수 함수 / 순수 컴포넌트

0

22

1

스니펫이 이상해요

0

32

2