inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[2-3] Stack Navigation 강의코드 적용중 vdm 에러 문제 입니다

해결된 질문

293

Mr.Everything

작성한 질문수 4

0

20240916_223601.png

stack 네비게이션 수업을 들으며 적용하다가 그전 강의 까지 잘 적용되던것이 에러가 발생하여 해결해보려고 하루를 날려 검색을 해보고 이것 저것 해봤는데 VDM 실행하고자 A 누르면 계속 저 메시지 뜨고 VDM은 렌더 에러 이렇게 뜹니다. 뭐가 문제인지 정말 모르겠습니다. 현재 2-4강 수업까지 적용된 코드 입니다. 이후 될 줄 알았는데 역시나 이 상태 입니다.

react-native typescript nestjs react-query zustand

답변 2

0

Kyo

코드도 올려주시겠어요?

0

Mr.Everything

1.jpg2.jpg3.jpg4.jpg5.jpg

코드 올려보았습니다. 추석 연휴인데 죄송합니다....

0

Kyo

저장안된 파일들이 많은데 이유가 있을까요? 또한 App파일이 짤려서 안보이는데 export default App; 이 작성되어있나요?

이 에러는 주로 export가 없거나 import를 잘못했거나 경로가 잘못됐을때 발생합니다. import와 export쪽에 문제가없나 살펴보시겠어요?

0

Mr.Everything

연휴인데 답변 정말 감사드립니다. 한번 지금 다시 살펴보고 실행해보겠습니다.

1

Mr.Everything

알려주신대로 export default App; 가 export default App() 되어있었습니다. export default App; 로 수정하고 vs code 다시 실행하니 이제 됐습니다. 이건 왜 이렇게 됐는지 모르겠습니다. 이게 문제 인지도 몰랐습니다 감사합니다.

0

인프런 AI 인턴

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

Stack Navigation 강의를 듣다가 발생한 문제로 인해 하루를 날리셨다니 많이 답답하셨을 것 같습니다. 지금 상황에서 발생한 오류는 주로 React Navigation 설정이 올바르게 되어 있지 않거나, 특정 컴포넌트가 잘못 참조된 경우에 발생할 수 있습니다.

비슷한 문제를 겪은 다른 수강생의 질문과 관련된 댓글이 도움이 될 수 있을 것 같아 몇 가지를 추천드립니다.

유사한 질문 및 해결 방법

  1. 윈도우: react navigation 강의 듣다가 생긴 오류

    • 해당 링크에서는 npx react-native start --reset-cache 명령어로 캐시를 초기화하는 과정이 설명되어 있습니다. 기존 작업에서 캐시가 문제일 수 있으므로 이 방법을 시도해보시길 권장합니다.
  2. drawer를 적용하고 나서 오류가 뜹니다…

    • 이는 react-native-reanimated/plugin 설정 문제로 인해 발생한 사례로, babel.config.js에 해당 플러그인을 추가하는 방법이 설명되어 있습니다.
  3. 핵심 컴포넌트 및 스타일 VDM 연동 문제

    • 지도 관련 설정 문제가 발생한 경우입니다. 긴급한 해결 방법으로 개발 서버를 재시작하거나, 캐시를 초기화하는 등의 방법이 소개되어 있습니다.

기본 해결책

아래의 명령어를 실행하여 캐시를 초기화하고 네비게이션 설정을 다시 확인해보세요:

npx react-native start --reset-cache

또한, babel.config.js 파일에 다음 플러그인을 추가했는지 확인해보세요:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: ['react-native-reanimated/plugin'], // 추가
};

프로젝트 파일 구조와 네비게이션 설정이 올바르게 되어 있는지, 특히 NavigationContainer와 네비게이터 컴포넌트의 사용법을 다시 한 번 살펴보시길 권장합니다.

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

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2