$
이런애러가 발생을 하는데 토스페이먼츠 doc를 보면 이런식으로 요청을 하라고 확인했습니다
현재 사용하고 있는 라이브러리는
import { loadTossPayments } from "@tosspayments/tosspayments-sdk";
const tossPayments = await loadTossPayments(
const widgets = tossPayments.widgets({});
if (response.status === 200) {
const tossPayments = await loadTossPayments(
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을 사용해야하나요?
현재 사용하고 있는 라이브러리는
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을 사용해야하나요?
