nextjs 결제위젯 연동 InvalidSelectorError
안녕하세요.
nextJS 웹에 tosspayments 결제 위젯 연동 중에 있습니다.
결제 연동 안내 docs에 나와있는 대로 구축 했으나 다음과 같은 웹 콘솔 상 오류가 발생하며 결제창이 렌더링이 안됩니다.
새로고침을 하다보면 렌더링이 되나 초기에 페이지에 들어갔을 떄 렌더링이 안되는 이유가 지속적으로 발생되고, 해당 메세지에 대한 사례를 찾아보기 어려워 문의를 남깁니다.
Uncaught (in promise) InvalidSelectorError: selector가 유효하지 않습니다.
at NO (standard:7:331866)
at e.<anonymous> (standard:7:332546)
at h (standard:7:41822)
at Generator.<anonymous> (standard:7:43137)
at Generator.next (standard:7:42232)
at standard:7:136466
at new Promise (<anonymous>)
at qT (standard:7:136246)
at standard:7:332291
at new Promise (<anonymous>)
at standard:7:332257
at h (standard:7:41822)
at Generator.<anonymous> (standard:7:43137)
at Generator.next (standard:7:42232)
at standard:7:136466
at new Promise (<anonymous>)
at qT (standard:7:136246)
at e.value (standard:7:332090)
at Proxy.<anonymous> (standard:7:289981)
at h (standard:7:41822)
at Generator.<anonymous> (standard:7:43137)
at Generator.next (standard:7:42232)
at a (standard:7:136299)
5 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
사내망 등 외부 접속에 제한이 있는 환경에서 테스트 진행 하시나요?
selector 오류라면 위젯이 렌더링되어야 하는 layer 가 생성되기 전에 렌더링코드가 실행되는 건 아닌지 호출하는 순서를 확인해 주셔야 할것 같습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
외부접속에 제한은 따로 없는 환경에서 하고 있습니다.
호출 순서확인해보도록 하겠습니다.