안녕하세요, 브랜드페이 결제위젯 그리기에대해 문의드립니다.
https://docs.tosspayments.com/guides/payment-widget/integration-brandpay 에서 1. 결제위젯 그리기에 React버전에서 결제위젯 초기화부분 중
const paymentWidget = PaymentWidget(clientKey, customerKey, { ...
PaymentWidget가 Can not find name이라고 뜨는데 오타인건가요?..
브랜드페이 연동하기 | 토스페이먼츠 개발자센터
일반 결제와 내 상점만의 자체 간편결제 시스템 브랜드페이를 한 번에 연동하고 싶다면 결제위젯에 브랜드페이를 추가하세요.
25 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
이 부분이 들어갔다면 잘 될텐데요.
해당 에러는 토스페이먼츠 sdk가 로딩 안되어서 발생하는 에러로 보입니다.
아니면 react 에 npm 으로 모듈을 설치했는지도 확인부탁드립니다.
npm i @tosspayments/payment-widget-sdk --save 로 설치하였는데 문제가있을까요
npm install @Tosspayments/payment-widget-sdk
이렇게 해보시겠어요
임포트하는 부분은 이렇게나오네요
import {
PaymentWidgetInstance,
loadPaymentWidget,
ANONYMOUS,
} from "@Tosspayments/payment-widget-sdk"
이렇게 import 하신거 맞으시죠?
보내주신 명령어는 404가 나왔습니다
import 한 부분 전체 보여주시겠어요?
Checkout.tsx에 PaymentWidget가 없어서, 저는 결제위젯 초기화부분만 먼저넣었었습니다.
npm 패키지 설치는 잘 되신건가요?
npm install @Tosspayments/payment-widget-sdk 명령어는 E404가 나오고
npm i @tosspayments/payment-widget-sdk --save로는 문제없이 설치된거같은데
package.json 에 토스페이먼츠 위젯 부분 확인해서 보여주세요
이거 말씀이실까요?
npm install 에서는 대문자 말고 소문자로 하셔야 하기는 하는데
우선 설치는 되어 있는것 같네요
import 부분에서, 저희가 샘플에 명시한 모든것 다 넣어서도 다시 시도 부탁 드려요
이거 PaymentWidget을 호출하시는게 아니라 loadPaymentWidget 입니다.
아.. 지금 전달 주신 문서 npm 샘플에 loadPaymentWidget 이 아니라 PaymentWidget 으로 표기 되어 있군요
확인하겠습니다 감사합니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
이렇게 호출 주시기 바랍니다.
코드 블럭 상단 드롭다운으로 언어를 변경하실 수 있습니다.
