결제수단이 아직 선택되지 않았어요. 결제수단을 선택해 주세요.
react에서 nextjs 마이그레이션 후 해당 이슈가 발생합니다.
paymentWidgetRef.current?.renderPaymentMethods('#payment-widget', netPrice); 로 랜더링 후
await paymentWidgetRef.current?.requestPayment({
orderId: order.orderId,
orderName: order.orderName,
successUrl: hasLinkParam ? window.location.origin + PATH.orderSuccessLink : window.location.origin + PATH.orderSuccess,
failUrl: window.location.origin + '/fail',
customerEmail: order.orderPayerInfo?.payerEmail,
customerName: order.orderPayerInfo?.payerName,
customerMobilePhone: order.orderPayerInfo?.payerMobileNumber,
});
해당 로직 실행때 제목과 같은 에러가 발생합니다.
16 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
화면에 결제위젯은 렌더링 되었나요?
화면에 결제수단은 선택되었나요?
저희가 접근가능한 사이트가 있나요 ?
네 위와같이 랜더링 됐고 결제수단도 선택한 후 입니다.
react로 배포된 환경에선 잘작동하는데
nextjs 마이그레이션한 로컬에서 위와같은 이슈가 발생해요
혹시 위젯이 여러개 렌더링 되지는 않앗나요 ?
render가 완료되기 전에 requestPayments를 하진 않으시나요?
하나만 랜더링 되어있습니다.
랜더링되고 결제수단 선택 . 후 submit인데 위와같은 이슈가 발생해요
위젯 렌더링 되는 div 가 iframe 으로 래핑 되어 있나요?
위와같이 되어있습니다.
저희가 접근 가능한 사이트를 전달 부탁 드립니다.
로컬이라 배포를 해야합니다.
혹시 SSR관련 이슈가 있을까요 ?
"use client"가 지정되어 있고 useEffect에서 ref를 설정한다면 문제가 없어야 합니다.
캐시 비우기 .및 강력 새로고침시 간혈적으로 동작하긴 합니다.
page directory라서 use client는 없습니다.
문의주신 내용을 보면,
단순 react에서 nextjs 마이그레이션 이라면, 결제서비스의 정상적인 동작을 보장할 수 없을것 같습니다.
nextjs 에서의 연동 부분은 새롭게 고려되어야 하지 않나 생각 합니다
네 알겠습니다.
감사합니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.