Ayaan
Ayaan5d 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로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Ayaan
AyaanOP5d ago
No description
Ayaan
AyaanOP5d ago
No description
Ayaan
AyaanOP5d ago
No description
이실장
이실장4d ago
v2 위젯인가요?
Ayaan
AyaanOP4d ago
v2 결제창입니다. @이실장
이실장
이실장4d ago
npm 은 몇버전쓰세요?
Ayaan
AyaanOP4d ago
pnpm v10.0.0 버전입니다.
이실장
이실장4d ago
아뇨 저희 sdk 버전이요 ㅋㅋㅋ
Ayaan
AyaanOP4d ago
npm v10.8.3, yarn 1.22.22으로 설치하였을 떄도 동일합니다 아 잠시만요.. v2.3.2 입니다~!
이실장
이실장4d ago
node_modules/@tosspayments/tosspayments-sdk/types/index.d.ts 경로보니까 타입 선언은 되있는 것 같은데 ㅇㅣ상하네요 그런데 method가 해외간편결제로 되어있나요? 오버러드 부분에 ForiengEasyPay내용이있네요
Ayaan
AyaanOP4d ago
네네 그니까요..
토스페이먼츠 BOT
💡 정보 제출
민감 정보를 안전하게 제출해주세요
이실장
이실장4d ago
파일을 줘보시겠어요?
Ayaan
AyaanOP4d ago
잠시만요.. 제출했습니다. @이실장
이실장
이실장4d ago
No description
이실장
이실장4d ago
저도 2.3.2버전 쓰는데 이상없네요. 어딘가에서 오버라이드가 잘못되있는 것 같아요 새 프로젝트로 했을 때도 동일한가요?
Ayaan
AyaanOP4d ago
네.. next.js 새로 프로젝트 구성해서 CSS만 복사하고 새로 만든 코드거든요. 아마도 tsconfig에서 뭔가 꼬인거 같긴한데, 전혀 감이 오지 않아서.. 현재는 @ts-ignore를 통해서 잘 작동하긴합니다
이실장
이실장4d ago
넵 일단 개발 환경을 잘 모르다보니.. sdk자체는 크게 이슈없는 것 같아요
Ayaan
AyaanOP4d ago
넵 일단 확인했습니다. 여러 방편으로 다시 시도해볼게요.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.