brandpay-sdk 패키지 오류
// npm install @tosspayments/brandpay-sdk
brandpay npm패키지 설치 시 SdkConfigParams 타입이 import 되지 않습니다..
SdkConfigParams 타입을 export하는 위치가 혹시 어디인가요..? ㅠ.ㅠ
24 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
현재 설치된 sdk 버전 확인 가능하신가요?
현재 1.1.8 입니다
브랜드페이 JavaScript SDK | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
네 맞아요
죄송합니다. 답변이 늦었습니다.
brandpay npm패키지 설치 시에 에러가 발생한다고 하셨느데 설치중에 에러가 발생한건가요?
설치는 정상적으로 되었는데
프로젝트 실행하면서 번들링중에 위의 오류가 잡혓습니다.
/node_modules/@Tosspayments/ 경로에
brandpay__types/ 디렉토리는 있나요?
네 있습니다
요렇게 다시 해보실 수 있을까요?
npm uninstall -g @Tosspayments/brandpay-sdk
npm cache clean --force
npm cache verify
npm install -g @Tosspayments/brandpay-sdk
글로벌 패키지를 사용하지 않고 local 위치의 node_module을 사용하고 있는지도 같이 확인 부탁드려요.
확인해보겠습니다~~
node module 글로벌로 사용하고있고
npm install -g @Tosspayments/brandpay-sdk 입력해서 다시 실행시켜봐도
같은 현상이 반복됩니다 ㅠ.ㅠ
npm 모듈 설치하고 단순히 프로젝트 실행하는데 에러가 발생하신다는거죠?
네 맞습니다
코드 작성하신건 없나요?
코드 작성한 부분올려주시겠어요?
sdkconfigparams가 export된 위치를 찾지못해서 오류가 나고있습니다
코드는 단순히 loadBrandPay() 메소드를 불러와서 콘솔한번 찍어본거 밖에없습니다.
현재 앵귤러 프레임워크 사용하고있는데 ,, 걍한번 싹밀고 리액트로 실행시켜보겠습니다 ㅠㅠ
음.. 저도 앵귤러로 실행시켜본건데..
기본 프로젝트로 다음과 같이 해보시겠어요?
import { Component } from '@Angular/core'
import { loadBrandPay } from '@Tosspayments/brandpay-sdk'
const clientKey = 'test_ck_OEP59LybZ8Bdv6A1JxkV6GYo7pRe'
const customerKey = 'pit01'
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'angular_test';
brand = loadBrandPay(clientKey, customerKey).then(brandpay => {
console.log(brandpay) })
} 정상적으로 콘솔 로그 확인할 수 있습니다.
brand = loadBrandPay(clientKey, customerKey).then(brandpay => {
console.log(brandpay) })
} 정상적으로 콘솔 로그 확인할 수 있습니다.
네 잠시만용
방금 리액트로 실행시켜보니 구동이 되서,,
제 tsconfig ,angular angular cli, 번들러 세개중에 하나가 문제있는거같아요
앵귤러에선 실행이 안되고 리액트에서는 실행이 되니 ㅜ.ㅜ 결국 패키지는 문제없고 제 콤퓨타 문제인거같네요
정성 듬뿍한 응대 감사합니다!!!
앵귤러로 해결이 되었어야하는데 아쉽네요
즐거운 주말 보내세요 !
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.