살결제위젯 클라이언트 쪽 예제코드를 실행하면 에러가 납니다.
현재 심사를 위해 새로 street4zss MID 를 발급받고 개발 중입니다.
해당 위젯 키로 실행을 하면 콘솔에 아래와 같은 에러가 발생합니다.
아래는 문서를 보며 작성한 위젯 호출 코드 입니다.
저번에 문의한 bill_wsneapvjb mid로 했을 때 와 같은 에러입니다.
감사합니다.
해당 위젯 키로 실행을 하면 콘솔에 아래와 같은 에러가 발생합니다.
TypeError: Cannot read properties of undefined (reading 'id')
at r.selectedPaymentMethod.isNormalMethodFirst (11-fe79a70f88345b5f.js:53:49477)
at ed.ofPaymentMethodMap (11-fe79a70f88345b5f.js:53:49534)
...
toss-test:30 Uncaught (in promise) r: 알 수 없는 에러가 발생했습니다.
at https://js.tosspayments.com/v2/standard:7:546228
at Object.otherwise (https://js.tosspayments.com/v2/standard:7:429238)
...TypeError: Cannot read properties of undefined (reading 'id')
at r.selectedPaymentMethod.isNormalMethodFirst (11-fe79a70f88345b5f.js:53:49477)
at ed.ofPaymentMethodMap (11-fe79a70f88345b5f.js:53:49534)
...
toss-test:30 Uncaught (in promise) r: 알 수 없는 에러가 발생했습니다.
at https://js.tosspayments.com/v2/standard:7:546228
at Object.otherwise (https://js.tosspayments.com/v2/standard:7:429238)
...아래는 문서를 보며 작성한 위젯 호출 코드 입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<head>
<!-- 스크립트 추가 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
</head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>결제위젯 샘플</title>
</head>
<body>
<script>
// 스크립트 태그 연동방식
function generateRandomString() {
return window.btoa(Math.random().toString()).slice(0, 20);
}
async function main () {
const tossPayments = TossPayments("test_gck_QbgMGZzorzzKQwgdaNLLrl5E1em4"); // 결제위젯 연동 키
const widgets = tossPayments.widgets({ customerKey: generateRandomString() });
widgets.setAmount({
currency: 'KRW',
value: 1000,
});
const paymentMethodWidget = await widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
});
}
main();
</script>
<div class="wrapper w-100">
<div class="max-w-540 w-100">
<div id="payment-method" class="w-100"></div>
<div id="agreement" class="w-100"></div>
<div class="btn-wrapper w-100">
<button id="payment-request-button" class="btn primary w-100">결제하기</button>
</div>
</div>
</div>
</body>
</html><!DOCTYPE html>
<html lang="ko">
<head>
<head>
<!-- 스크립트 추가 -->
<script src="https://js.tosspayments.com/v2/standard"></script>
</head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>결제위젯 샘플</title>
</head>
<body>
<script>
// 스크립트 태그 연동방식
function generateRandomString() {
return window.btoa(Math.random().toString()).slice(0, 20);
}
async function main () {
const tossPayments = TossPayments("test_gck_QbgMGZzorzzKQwgdaNLLrl5E1em4"); // 결제위젯 연동 키
const widgets = tossPayments.widgets({ customerKey: generateRandomString() });
widgets.setAmount({
currency: 'KRW',
value: 1000,
});
const paymentMethodWidget = await widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
});
}
main();
</script>
<div class="wrapper w-100">
<div class="max-w-540 w-100">
<div id="payment-method" class="w-100"></div>
<div id="agreement" class="w-100"></div>
<div class="btn-wrapper w-100">
<button id="payment-request-button" class="btn primary w-100">결제하기</button>
</div>
</div>
</div>
</body>
</html>저번에 문의한 bill_wsneapvjb mid로 했을 때 와 같은 에러입니다.
감사합니다.
