¿Tienes un escenario de reproducción?

Es difícil decir específicamente qué sucede con esto, pero tenga en cuenta que Google Pay debe ejecutarse en un contexto seguro . es decir, https válido, o con una excepción de navegador válida como localhost .

Si está trabajando con un marco web, considere usar las bibliotecas específicas del marco para React, Angular o Web Components: https://github.com/google-pay/google-pay-button#readme

Aquí hay algunas muestras:

• https://stackblitz.com/edit/google-pay-react
• https://stackblitz.com/edit/google-pay-angular
• https://stackblitz.com/edit/google-pay-custom-element
• https://stackblitz.com/edit/google-pay-vue
• https://stackblitz.com/edit/google-pay-svelte

EDITAR: contexto adicional para trabajar con SSL localmente

Eche un vistazo al siguiente recurso para trabajar con contextos seguros localmente: https://web.dev/when-to-use-local-https/

Algunas opciones a considerar:

• Agregue una anulación insegura para su entorno local en su navegador para tratarlo como seguro. Para Google Chrome, use: chrome://flags/#unsafely-treat-insecure-origin-as-secure .
• ngrok que expondrá su entorno local como un punto final https de acceso público . El punto de enlace público puede considerarse un no iniciador para usted o una función según sus requisitos/limitaciones.
• local-ssl-proxy que representará su aplicación a través de un proxy SSL local utilizando un certificado autofirmado. Esto es más oneroso de configurar, pero no expone su entorno local a Internet.