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

stack 네비게이션 수업을 들으며 적용하다가 그전 강의 까지 잘 적용되던것이 에러가 발생하여 해결해보려고 하루를 날려 검색을 해보고 이것 저것 해봤는데 VDM 실행하고자 A 누르면 계속 저 메시지 뜨고 VDM은 렌더 에러 이렇게 뜹니다. 뭐가 문제인지 정말 모르겠습니다. 현재 2-4강 수업까지 적용된 코드 입니다. 이후 될 줄 알았는데 역시나 이 상태 입니다.
답변 2
0
코드도 올려주시겠어요?
0
저장안된 파일들이 많은데 이유가 있을까요? 또한 App파일이 짤려서 안보이는데 export default App; 이 작성되어있나요?
이 에러는 주로 export가 없거나 import를 잘못했거나 경로가 잘못됐을때 발생합니다. import와 export쪽에 문제가없나 살펴보시겠어요?
1
알려주신대로 export default App; 가 export default App() 되어있었습니다. export default App; 로 수정하고 vs code 다시 실행하니 이제 됐습니다. 이건 왜 이렇게 됐는지 모르겠습니다. 이게 문제 인지도 몰랐습니다 감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. Mr.Everything님.
Stack Navigation 강의를 듣다가 발생한 문제로 인해 하루를 날리셨다니 많이 답답하셨을 것 같습니다. 지금 상황에서 발생한 오류는 주로 React Navigation 설정이 올바르게 되어 있지 않거나, 특정 컴포넌트가 잘못 참조된 경우에 발생할 수 있습니다.
비슷한 문제를 겪은 다른 수강생의 질문과 관련된 댓글이 도움이 될 수 있을 것 같아 몇 가지를 추천드립니다.
유사한 질문 및 해결 방법
윈도우: react navigation 강의 듣다가 생긴 오류
- 해당 링크에서는
npx react-native start --reset-cache명령어로 캐시를 초기화하는 과정이 설명되어 있습니다. 기존 작업에서 캐시가 문제일 수 있으므로 이 방법을 시도해보시길 권장합니다.
- 해당 링크에서는
-
- 이는
react-native-reanimated/plugin설정 문제로 인해 발생한 사례로,babel.config.js에 해당 플러그인을 추가하는 방법이 설명되어 있습니다.
- 이는
-
- 지도 관련 설정 문제가 발생한 경우입니다. 긴급한 해결 방법으로 개발 서버를 재시작하거나, 캐시를 초기화하는 등의 방법이 소개되어 있습니다.
- 지도 관련 설정 문제가 발생한 경우입니다. 긴급한 해결 방법으로 개발 서버를 재시작하거나, 캐시를 초기화하는 등의 방법이 소개되어 있습니다.
기본 해결책
아래의 명령어를 실행하여 캐시를 초기화하고 네비게이션 설정을 다시 확인해보세요:
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
83
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










