MercadoPago is not defined #162

Pacocc97 · 2023-06-08T23:20:00Z

Pacocc97
Jun 8, 2023

Hello people, I´m trying to integrate MP cardform to my website. Using Astro js and Im having this issue.
"MercadoPago is not defined".
I guess my question is. Is this a common error? Am I doing something wrong in my general site config?
Let me show you my code.

<body>
  <style>
    #form-checkout {
      display: flex;
      flex-direction: column;
      max-width: 600px;
    }

    .container {
      height: 18px;
      display: inline-block;
      border: 1px solid rgb(118, 118, 118);
      border-radius: 2px;
      padding: 1px 2px;
    }
  </style>
  <form id="form-checkout">
    <div id="form-checkout__cardNumber" class="container"></div>
    <div id="form-checkout__expirationDate" class="container"></div>
    <div id="form-checkout__securityCode" class="container"></div>
    <input type="text" id="form-checkout__cardholderName" />
    <select id="form-checkout__issuer"></select>
    <select id="form-checkout__installments"></select>
    <input type="email" id="form-checkout__cardholderEmail" />

    <button type="submit" id="form-checkout__submit">Pagar</button>
    <progress value="0" class="progress-bar">Cargando...</progress>
  </form>
  <script src="https://sdk.mercadopago.com/js/v2"></script>
  <script>
    const mp = new MercadoPago("PUBLIC_KEY 'Im using my real key in my site'");
  </script>
</body>

Answered by icaldana

Jun 12, 2023

Hello @Pacocc97,
First of all we apologize for the delay. Secondly, we have tested this script using a test PUBLIC_KEY and it is working normally. Perhaps it is a conflict with AstroJS? Are you still facing this issue?

We have an official channel that is super prepared to solve your case quickly.
So, if the error still persists, gather all the information and go to the following link to share the issue with us:
https://www.mercadopago.com/developers/pt/support/center/contact
Thank you very much for your contact!

View full answer

icaldana · 2023-06-12T12:55:42Z

icaldana
Jun 12, 2023
Maintainer

Hello @Pacocc97,
First of all we apologize for the delay. Secondly, we have tested this script using a test PUBLIC_KEY and it is working normally. Perhaps it is a conflict with AstroJS? Are you still facing this issue?

We have an official channel that is super prepared to solve your case quickly.
So, if the error still persists, gather all the information and go to the following link to share the issue with us:
https://www.mercadopago.com/developers/pt/support/center/contact
Thank you very much for your contact!

4 replies

Pacocc97 Jun 15, 2023
Author

Is working now!! thanks for the response. You were right, it was an astro js issue

nerita87 Jun 28, 2023

Hello @icaldana
I am using the sdk v2 in a .js file and I have the same error. I import the library in the body of the html as indicated in the documentation and it shows me the error: "Uncaught ReferenceError: MercadoPago is not defined".
Please if you could help me!

Pacocc97 Jun 28, 2023
Author

@nerita87 Are you using a framework?

nerita87 Jun 28, 2023

@Pacocc97 it already works fine. It was cache in my symfony proyect. Thank you!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

MercadoPago is not defined #162

{{title}}

Replies: 1 comment 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

MercadoPago is not defined #162

Pacocc97 Jun 8, 2023

Replies: 1 comment · 4 replies

icaldana Jun 12, 2023 Maintainer

Pacocc97 Jun 15, 2023 Author

nerita87 Jun 28, 2023

Pacocc97 Jun 28, 2023 Author

nerita87 Jun 28, 2023

Pacocc97
Jun 8, 2023

Replies: 1 comment 4 replies

icaldana
Jun 12, 2023
Maintainer

Pacocc97 Jun 15, 2023
Author

Pacocc97 Jun 28, 2023
Author