En mi aplicación Next JS, tengo una página app.tsx donde se cargan scripts externos como tales
<Head> <script src="https://js.stripe.com/v3/"></script> ...other scripts and stuff </Head>La función Stripe() está cargada con la URL y puedo acceder a sus propiedades que funcionan bien, como:
Stripe("publishable key").redirectToCheckout({sessionId: 'sessionId'})Pero cuando intento construir mi aplicación, aparece este error:
ReferenceError: Stripe is not definedY antes de preguntar, el paquete Stripe npm es para el código de back-end con la clave no publicable, por lo que no funcionará. Pero necesito una forma de importar el script de la raya desde la URL mientras defino la función de la raya para que no esté indefinida.
Cambie Stripe a window.Stripe . Stripe en su código puede solucionarlo