Sayoden•6d ago

TossPay SDK v2 issue

Hello Toss Team ! I hope you're doing well. I'm facing an issue with the v2 SDK. My goal is to load the v2 javascript file to open my checkout page. I got my checkout url in the https://api.tosspayments.com/v1/payments api response. But when I tried to load the javascript v2 lib, I got this error in my console:

Uncaught r: V2 SDK는 V1 SDK와 함께 사용할 수 없어요. 마이그레이션 가이드를 확인해주세요. https://docs.tosspayments.com/guides/v2/get-started/migration-guide
    at https://js.tosspayments.com/v2/standard:7:526809
    at https://js.tosspayments.com/v2/standard:7:530917

Uncaught r: V2 SDK는 V1 SDK와 함께 사용할 수 없어요. 마이그레이션 가이드를 확인해주세요. https://docs.tosspayments.com/guides/v2/get-started/migration-guide
    at https://js.tosspayments.com/v2/standard:7:526809
    at https://js.tosspayments.com/v2/standard:7:530917

I'm pretty sure that I don't refer the v1 documentation anywhere in my code, so I don't understand this issue.

14 Replies

토스페이먼츠 BOT•6d ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

SayodenOP•6d ago

const loadPartnerLibrary = async () => {
    console.log('[loadJs]', constants.jsURL);

    if (window.TossPayments) {
      console.warn('TossPayments est déjà chargé');
      return;
    }

    await loadJsTest('https://js.tosspayments.com/v2/standard');

    var clientKey = '*****'
    tossPayments = TossPayments(clientKey);

    requestPayment();
  };

  function loadJsTest(url) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = url;
      script.onload = resolve;
      script.onerror = reject;
      document.head.appendChild(script);
    });
  }

const loadPartnerLibrary = async () => {
    console.log('[loadJs]', constants.jsURL);

    if (window.TossPayments) {
      console.warn('TossPayments est déjà chargé');
      return;
    }

    await loadJsTest('https://js.tosspayments.com/v2/standard');

    var clientKey = '*****'
    tossPayments = TossPayments(clientKey);

    requestPayment();
  };

  function loadJsTest(url) {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = url;
      script.onload = resolve;
      script.onerror = reject;
      document.head.appendChild(script);
    });
  }

minsukim_bih•6d ago

First, please check if you have imported the JS from https://js.tosspayments.com/v1/* at some point.

SayodenOP•6d ago

I just find the issue

minsukim_bih•6d ago

And, if you're using React or Vue, please do not import the JS programatically, use our official React/Vue implementation that is available in npm

SayodenOP•6d ago

My core widget already had a PaymentWidget component

minsukim_bih•6d ago

This often causes the browser-specific issue, so please refain it If so, use V1 SDK for every your needs

SayodenOP•6d ago

okay, thank you but I can't find any documentation on how I can open a checkout url page. Do you know about it @Minsu Kim ? because I already created the payment by api and I have all information related to the order (order_id, paymentKey, ...).

minsukim_bih•6d ago

https://docs.tosspayments.com/en/api-guide#create-a-payment

Payment APIs | 토스페이먼츠 개발자센터

The Payment APIs are essential to integrating Toss Payments, whether you are only using our APIs or our SDKs.

minsukim_bih•6d ago

Use this API to create the payment, and open the URL that from checkout.url just window.open() is fine

SayodenOP•6d ago

The payment had to be created by api in my spring app. I can't use this create payment method in the front

minsukim_bih•6d ago

Yup You should create the payment from your BE, and send only checkout.url to FE using AJAX And, as soon as you receive the URL from BE to FE, open the URL with window.open() or location.assign()

SayodenOP•6d ago

Okay, I got it, so no need to use the js library for my usage ?

minsukim_bih•6d ago

No you dont

TossPay SDK v2 issue

Did you find this page helpful?