TypeError: Failed to fetch #212

EnchantedDonutStudioz · 2025-06-18T01:00:15Z

EnchantedDonutStudioz
Jun 18, 2025

I think I set up EmailJS correctly, but upon sending, it errors: TypeError: Failed to fetch at a (email.min.js:1:979)

<body>
    <div id="content">
        <div id="contact-widget">
            <div id="contact-header">
                <h1>Get in Touch</h1>
                <p>We'd love to hear from you. Send us a message here, or email us at <a
                        href="mailto:straticorej@gmail.com">straticorej@gmail.com</a>.</p>
            </div>
            <div id="contact-form">
                <form id="contactForm">
                    <div class="form-group">
                        <label for="name">Full Name</label>
                        <input type="text" id="name" name="name" placeholder="Enter your full name" required>
                    </div>

                    <div class="form-group">
                        <label for="email">Email Address</label>
                        <input type="email" id="email" name="email" placeholder="your_email@example.com" required>
                    </div>

                    <div class="form-group">
                        <label for="subject">Subject</label>
                        <input type="text" id="subject" name="subject" placeholder="What's this about?" required>
                    </div>

                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" name="message" placeholder="Tell us more about your inquiry..."
                            required></textarea>
                    </div>

                    <button onclick="sendMail()">Send Message</button>
                </form>
            </div>

            <div class="contact-info">
                <p>📧 We typically respond within 24 hours</p>
                <p>🔒 Your information is secure and never shared</p>
            </div>
        </div>
    </div>

    <script src="/assets/js/email.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
    </script>
    <script type="text/javascript">
        (function () {
            emailjs.init({
                publicKey: "TJCeqXo_W-RHnwaHR",
            });
        })();
    </script>
</body>

and my js:

function sendMail() {
    let params = {
        name: document.getElementById("name").value,
        email: document.getElementById("email").value,
        message: document.getElementById("message").value,
        subject: document.getElementById("subject").value
    };

    const serviceID = "service_5t12guc";
    const templateID = "template_cxynzhk";

    emailjs.send(serviceID, templateID, params)
        .then(res => {
            document.getElementById("name").value = "";
            document.getElementById("email").value = "";
            document.getElementById("message").value = "";
            console.log(res);
            alert("Your message sent successfully!");
        })
        .catch(err => console.error(err));

}

xr0master · 2025-06-18T16:05:29Z

xr0master
Jun 18, 2025
Maintainer

It looks correct. What is the error response from the server? Can you create a screenshot?

7 replies

xr0master Jun 19, 2025
Maintainer

Please check the Network tab.
Are you able to open the script at https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js?

EnchantedDonutStudioz Jun 26, 2025
Author

Yes, I can access cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js.
My network:

EnchantedDonutStudioz Jun 26, 2025
Author

Please check the Network tab. Are you able to open the script at cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js?

EnchantedDonutStudioz Jun 27, 2025
Author

@xr0master

xr0master Jun 27, 2025
Maintainer

Your requests are canceled. Probably you are refreshing the page since I don't see you stopping the submit default behavior.
I suggest you check the tutorial.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

EmailJS

TypeError: Failed to fetch #212

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 7 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

EmailJS

TypeError: Failed to fetch #212

Uh oh!

EnchantedDonutStudioz Jun 18, 2025

Replies: 1 comment · 7 replies

Uh oh!

xr0master Jun 18, 2025 Maintainer

Uh oh!

xr0master Jun 19, 2025 Maintainer

Uh oh!

EnchantedDonutStudioz Jun 26, 2025 Author

Uh oh!

EnchantedDonutStudioz Jun 26, 2025 Author

Uh oh!

EnchantedDonutStudioz Jun 27, 2025 Author

Uh oh!

xr0master Jun 27, 2025 Maintainer

EnchantedDonutStudioz
Jun 18, 2025

Replies: 1 comment 7 replies

xr0master
Jun 18, 2025
Maintainer

xr0master Jun 19, 2025
Maintainer

EnchantedDonutStudioz Jun 26, 2025
Author

EnchantedDonutStudioz Jun 26, 2025
Author

EnchantedDonutStudioz Jun 27, 2025
Author

xr0master Jun 27, 2025
Maintainer