$
이런애러가 발생을 하는데 토스페이먼츠 doc를 보면 이런식으로 요청을 하라고 확인했습니다
현재 사용하고 있는 라이브러리는
import { loadTossPayments } from "@tosspayments/tosspayments-sdk";
const tossPayments = await loadTossPayments(
${TOSS_CLIENT_KEY});
const widgets = tossPayments.widgets({});
if (response.status === 200) {
const tossPayments = await loadTossPayments(${TOSS_CLIENT_KEY});
const paymentButton = document.getElementById("payment-button");
paymentButton?.addEventListener("click", async () => {
try {
await tossPayments.requestPayment({
// 첫번째 인자로 결제수단 지정
amount: paymentData.amount,
orderId: paymentData.orderId, // 주문번호 랜덤 생성
orderName: paymentData.orderName,
successUrl: window.location.origin + "/success",
failUrl: window.location.origin + "/fail",
customerEmail: paymentData.customerEmail, // user email
customerName: paymentData.customerName, // user name
});
} catch (error) {
console.error("결제에 실패하였습니다", error);
}
});
}
} catch (error) {
console.error("결제 정보 전송 중 오류가 발생했습니다:", error);
}
};
지금 현재 코드입니다 혹시 저희가 yarn을 사용하는데 npm을 사용해야하나요?
3 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
패키지를 yarn 을통해서 설치하신 건가요?
토스페이먼츠 공식 연동문서에는 yarn 으로 설치 하라고 명시되어 있지 않은데
npm 으로 패키지 설치해서 해보시겠어요?
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.