[pp.443-444, 문의] 예제코드 에러 발생 안함

[wiseguy77]

[p.444] 상단 예제코드까지 실행 보면 설명된 에러가 발생하지 않습니다. 확인 부탁드립니다. 실습환경 및 코드는 아래와 같습니다.

[환경] react-native 0.71.4 react-native-keyboard-aware-scrollview 2.1.0 tsc 5.1.3

[코드 - test.tsx]

import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scrollview";
import { TextInput, StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {},
  textInput: {},
});

const Component = () => {
  return (
    <KeyboardAwareScrollView style={styles.container}>   // 책 예제코드에 표시된 에러 발생하지 않음.
      <TextInput style={styles.textInput} placeholder={"My Input"} />
    </KeyboardAwareScrollView>
  );
};

export default Component;

[코드 - react-native-keyboard-aware-scrollview.d.ts]

declare module "react-native-keyboard-aware-scrollview" {
  class KeyboardAwareScrollViewComponent extends React.Component {}
  export class KeyboardAwareScrollView extends KeyboardAwareScrollViewComponent {}
}

[ZeroCho]

다시 해봤는데 에러가 발생합니다!

[ZeroCho]

혹시 react 버전은 몇 버전인가요? package.json에 17버전으로 되어있으면 18버전으로 올려보세요.

[wiseguy77]

답변 주신대로 react 모듈 설치가 안되어 에러가 발생하지 않은 문제입니다. 설치 후에는 에러가 잘 발생하는 것을 확인했습니다.

다만, [이슈18]에서 말씀드렸던 내용처럼 7장을 건너 뛰게 되면 react 설치를 진행하지 않을 수 있습니다.

만일 7장을 건너 뛰었다면 [p.324]의 내용을 참고해 react 설치가 선행되야 한다.

는 의미를 갖는 설명이 추가되면 더 좋을 것 같습니다.

답변 고맙습니다.

[ZeroCho]

p441에 npm i react@18 react-native@0.71.4 로 수정