React Native 예제 코드가 React 를 찾지 못한다 나오는데, 제 플랫폼은 javascript 이고 예제는 typescript 라서 그런걸까요?
만약 그렇다면 순수 javascript RN 에서는 어떻게 동작시켜야 할까요?
14 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
에러 내용을 캡쳐하여 올려주세요. 그리고 연동하시는 제품은 결제 위젯일까요?
네 결제 위젯 입니다!
react-native를 원하시는 건가요? 그렇다면 react-native 개발환경을 먼저 셋팅하고 아래 코드를 실행하셔야 합니다.
https://github.com/tosspayments/payment-widget-sample/tree/main/react-native
GitHub
payment-widget-sample/react-native at main · tosspayments/payment-w...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
Get Started with React Native · React Native
React Native allows developers who know React to create native apps. At the same time, native developers can use React Native to gain parity between native platforms by writing common features once.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
React Native 로 이미 앱은 출시되어있습니다.. 결제기능을 넣는 것이고 위 링크 샘플 프로젝트를 이미 적용했을때 위 에러가 난것이라 위 에러 해결 방법을 부탁드립니다..!
ReactNative 샘플만 별도로 실행해보셨을까요?
샘플만 별도로는 해보지 않았습니다!
다만 샘플만 했을때는 의미가 없다고 판단됩니다!
메시지 상으로는 React 라는 variable 을 찾을수 없다는 것으로 보아 해당 페이지에 react 등이 정상적으로 import 되었는지 확인 부탁드립니다.
실제로 soros 님이 만드신 RN 코드를 저희가 알수가 없으니 이부분은 정확히 가이드가 어렵습니다.
네 알겠습니다, 제가 고쳐보도록 할게요.
babel.config.js 파일에서 기존
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
'react-native-reanimated/plugin'
],
};
를
module.exports = {
presets: [
['module:metro-react-native-babel-preset', { useTransformReactJSXExperimental: true }]
],
plugins: [
'react-native-reanimated/plugin',
['@babel/plugin-transform-react-jsx', { runtime: 'automatic' }]
]
};
로 변경하여 위 에러 해결 하였습니다.
다른 분들에게도 도움이 되었으면 좋겠네요!
네 공유해주셔서 감사합니다.
네 감사합니다!