본문 바로가기

ReactNativeError

(6)
[리액트 에러 React/RN Error] A component is changing an uncontrolled input of type undefined to be controlled. 안녕하세요. 디자인도 하고 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트 혹은 리액트네이티브로 개발하다가 만날 수 있는 Warning: A component is changing an uncontrolled input of type undefined to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. 에러 해결 방법에 대해 알아보겠습니다. 먼저 이 에러를 번역해 볼게요. 구성 요소가 제어할 ..
[리액트네이티브 ReactNative] iOS 키보드 안 보일 때 해결 방법 / How to fix the keyboard not showing up / react native textinput keyboard dosen't appear 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트네이티브로 개발 시 키보드 안 보일 때 해결 방법에 대해 공유하겠습니다. React native textinput keyboard dosen't appear iOS 시뮬레이터에서 textinput을 클릭해도 키보드가 안 나타나서 이 게시글에 들어오셨죠? 그렇다면 제대로 찾아오셨습니다! 해결 방법 1 iOS simulator 안에 있는 Textinput에 focus한 상태로 command(cmd) + K를 입력한다. 해결 방법 2 iOS simulator 상단 탭 > I/O > Keyboard에서 Use the Same Keyboard Language as macOS와 Connet Hardware Keyboard 를 체..
[리액트네이티브 에러 ReactNative Error] Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는, 리액트네이티브로 개발 중 만날 수 있는 Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). 에러 해결 방법에 대해 공유하겠습니다. 에러 확인 에러내용을 자세하게 봐볼까요? nvariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incrrect..
[리액트네이티브 ReactNative] This syntax requires an imported helper named ‘__spreadArray’ which does not exit in ‘tslib’. 에러 해결 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 리액트네이티브 빌드하는 과정에서 이런 에러를 만났는데요. This syntax requires an imported helper named ‘__spreadArray’ which does not exit in ‘tslib’. 번역기를 돌려보면 이 구문에는 'tslib'에서 종료되지 않는 '__spreadArray'라는 가져온 도우미가 필요합니다. 라고 나오네요. 말이 조금 이상한 거 같은데 tslib에서 발생한 에러라는 건 알 수 있습니다. 해결 방법 터미널을 열고, 해당 프로젝트 경로해서 아래의 명령어를 입력합니다. $ npm install tslib@latest --save 그리고 다시 리액트네이티브 빌드를 실행하여 확인해 보세요 :)
[리액트네이티브 React Native] Lexical or Preprocessor Issue ~file not found 에러 해결 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트네이티브로 개발 시 Xcode 빌드 중 만날 수 있는 Lexical or Preprocessor Issue ~file not found 에러 해결 방법에 대해 공유하겠습니다. In this post, when developing with React Native, How to solve the error [Lexical or Preprocessor Issue ~file not found] 참 지긋지긋하네요. 에러 하나 넘기면 새로운 에러가 나오는 리액트네이티브 앱세팅..ㅎㅎㅎ 자, 이제 해결 방법에 대해 공유할게요. Xcode와 시뮬레이터는 다 종료하고 시도하는 게 가장 깔끔한 느낌..이니 참고하세요! 1. 프로젝트 i..
[리액트네이티브 ReactNative] No such file or directory 해결 방법 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트네이티브로 개발 시 ios 세팅할 때 만날 수 있는 No such file or directory 에러 해결 방법에 대해 공유하겠습니다. 이 에러는 Xcode에서 재생버튼 눌러서 빌드 했을 때 만나게 된 에러인데요. 해결방법은 매우 간단합니다! 터미널에 아래의 명령어를 입력해 주세요. Xcode와 시뮬레이터는 다 종료한 상태에서 시도해 주세요. $ npm run build:ios 입력 후 완료가 되면 아래와 같은 내용을 볼 수 있습니다. 다시 Xcode로 돌아가서 빌드를 시도하면 정상적으로 진행이 됩니다. 처음엔 리액트네이티브 세팅하는 게 어려웠는데, (물론 지금도 엄청 쉽진 않음) 그래도 반복적으로 겪어보니 에러를 ..

728x90