react native build 안되거나 개발 결과물 반영안될때

최근 react native 를 이용해 앱 개발중 구현 사항이 시뮬레이터에 반영이 되질 않거나 메트로 서버 비정상 동작 등 여러가지 문제를 겪어왔다.

 

react native에 익숙하지 않기도 했고 여러 검색 결과 아직은 메트로 서버가 불안정해 나와 같은 이슈를 겪는 사람이 많은걸 확인

 

이 문제들을 해결 했던 방법을 나열 해 봄

 

1. 파일을 추가한 경우 메트로 서버 재시작

2. 개발중 npm 추가 모듈을 설치한 경우 ios 시뮬레이터에 개발 결과물 반영을 위해서는 pod install 실행 필요

  2.1 cd ios && pod install

diaz ~/git/realforceman/three_day_app/ios pod install
Auto-linking React Native modules for target `three_day`: RNCAsyncStorage, RNGestureHandler, RNScreens, RNVectorIcons, and react-native-safe-area-context
Analyzing dependencies
Downloading dependencies
Generating Pods project
Integrating client project
Pod installation complete! There are 35 dependencies from the Podfile and 34 total pods installed.

ios 폴더에에서 pod install 실행

 

3. 코드에 이상이 없는데 동작하지 않는다고 판단되는 경우 View에 있는 텍스트등을 변경해 확인

export default MyAccountScreen = () => {

    return (
        <SafeAreaView style={styles.safeArearContainer}>
        <View style={styles.headerContainer}>
          <View style={styles.headerTextContainer}>
              <Text style={styles.headerText}>
                  나의 정보 test
              </Text>
          </View>
        </View>
        <View style={styles.container}>
          <View>
          </View>
        </View>
      </SafeAreaView>
    );
};

나의 정보 -> 나의 정보 Test등으로 변경해 메트로 서버 렌더링 결과물이 반영되고 있는지 확인한다.

나의 경우 반영되지 않았던 경우가 많았고 이 때문에 한시간이나 낭비했던적이 있었음

 

메트로 서버를 재시작 하거나 react-native run-android , react-native run-ios 등으로 앱 재 시작시

해결된 경우가 많았음.