Minsu Kim
Minsu Kim7mo ago

`@tosspayments/tosspayments-sdk` 타입 오류 문의

const requestParams = {
method: orderInfo.method, // "CARD" | "TRANSFER" | "VIRTUAL_ACCOUNT"

orderId: orderInfo.orderId, // string
orderName: orderInfo.orderName, // string

amount: orderInfo.amount, // number

customerName: customerInfo.name, // string
customerEmail: customerInfo.email, // string
customerMobilePhone: customerInfo.mobilePhone, // string
}

if (requestParams.method === "CARD") {
return payment.requestPayment({
...requestParams,
card: {
flowMode: "DEFAULT",
},
})
} else if (requestParams.method === "TRANSFER") {
return payment.requestPayment({
...requestParams,
transfer: {
cashReceipt: {
type: "소득공제",
},
},
})
} else if (requestParams.method === "VIRTUAL_ACCOUNT") {
return payment.requestPayment({
...requestParams,
virtualAccount: {
cashReceipt: {
type: "소득공제",
},
validHours: 24,
},
})
}
const requestParams = {
method: orderInfo.method, // "CARD" | "TRANSFER" | "VIRTUAL_ACCOUNT"

orderId: orderInfo.orderId, // string
orderName: orderInfo.orderName, // string

amount: orderInfo.amount, // number

customerName: customerInfo.name, // string
customerEmail: customerInfo.email, // string
customerMobilePhone: customerInfo.mobilePhone, // string
}

if (requestParams.method === "CARD") {
return payment.requestPayment({
...requestParams,
card: {
flowMode: "DEFAULT",
},
})
} else if (requestParams.method === "TRANSFER") {
return payment.requestPayment({
...requestParams,
transfer: {
cashReceipt: {
type: "소득공제",
},
},
})
} else if (requestParams.method === "VIRTUAL_ACCOUNT") {
return payment.requestPayment({
...requestParams,
virtualAccount: {
cashReceipt: {
type: "소득공제",
},
validHours: 24,
},
})
}
위와 같이 Next.js + Typescript 환경에서 결제 연동을 할 경우, 아래 사진과 같은 오류가 발생합니다. 임시로 @ts-ignore 처리하여 결제는 정상처리되나, SDK 타입 관련 확인을 부탁드립니다.
21 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Minsu Kim
Minsu KimOP7mo ago
No description
Minsu Kim
Minsu KimOP7mo ago
No description
Minsu Kim
Minsu KimOP7mo ago
No description
이실장
이실장7mo ago
v2 위젯인가요?
Minsu Kim
Minsu KimOP7mo ago
v2 결제창입니다. @이실장
이실장
이실장7mo ago
npm 은 몇버전쓰세요?
Minsu Kim
Minsu KimOP7mo ago
pnpm v10.0.0 버전입니다.
이실장
이실장7mo ago
아뇨 저희 sdk 버전이요 ㅋㅋㅋ
Minsu Kim
Minsu KimOP7mo ago
npm v10.8.3, yarn 1.22.22으로 설치하였을 떄도 동일합니다 아 잠시만요.. v2.3.2 입니다~!
이실장
이실장7mo ago
node_modules/@tosspayments/tosspayments-sdk/types/index.d.ts 경로보니까 타입 선언은 되있는 것 같은데 ㅇㅣ상하네요 그런데 method가 해외간편결제로 되어있나요? 오버러드 부분에 ForiengEasyPay내용이있네요
Minsu Kim
Minsu KimOP7mo ago
네네 그니까요..
토스페이먼츠 BOT
💡 정보 제출
민감 정보를 안전하게 제출해주세요
이실장
이실장7mo ago
파일을 줘보시겠어요?
Minsu Kim
Minsu KimOP7mo ago
잠시만요.. 제출했습니다. @이실장
이실장
이실장7mo ago
No description
이실장
이실장7mo ago
저도 2.3.2버전 쓰는데 이상없네요. 어딘가에서 오버라이드가 잘못되있는 것 같아요 새 프로젝트로 했을 때도 동일한가요?
Minsu Kim
Minsu KimOP7mo ago
네.. next.js 새로 프로젝트 구성해서 CSS만 복사하고 새로 만든 코드거든요. 아마도 tsconfig에서 뭔가 꼬인거 같긴한데, 전혀 감이 오지 않아서.. 현재는 @ts-ignore를 통해서 잘 작동하긴합니다
이실장
이실장7mo ago
넵 일단 개발 환경을 잘 모르다보니.. sdk자체는 크게 이슈없는 것 같아요
Minsu Kim
Minsu KimOP7mo ago
넵 일단 확인했습니다. 여러 방편으로 다시 시도해볼게요.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Did you find this page helpful?