title: Nodemailer: Uncaught TypeError: Class extends value undefined is not a constructor or null
body: <p>Im trying to use nodemailer to send an email from a contact form. Below is all my code relating to nodemailer aswell as a screenshot of the error I get.
  <a href="https://i.stack.imgur.com/SWDpa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SWDpa.png" alt="error I receive" /></a></p>
  <pre><code>import nodemailer from 'nodemailer';
  
  let transporter = nodemailer.createTransport({
          host: 'smtppro.zoho.com',
          port: 465,
          secure: true,
          auth: {
            user: '',
            pass: '',
          },
        });
  
        const date = new Date(Date.now());
        let contact = await transporter.sendMail({
          from: `&quot;${this.data.name}&quot; &lt;${this.data.email}&gt;`,
          to: this.data.staff,
          subject: `Contact Page Submission: ${this.data.subject}`,
          html: `
          &lt;h1&gt;New Contact Form Submission&lt;/h1&gt;
      &lt;span&gt;&lt;b&gt;From:&lt;/b&gt; ${this.data.name} - ${this.data.email}&lt;/span&gt;&lt;br&gt;
      &lt;span&gt;&lt;b&gt;Subject:&lt;/b&gt; ${this.data.subject}&lt;/span&gt;&lt;br&gt;
      &lt;span&gt;&lt;b&gt;To:&lt;/b&gt; ${this.data.staff}&lt;/span&gt;&lt;br&gt;
      &lt;span&gt;&lt;b&gt;Sent At:&lt;/b&gt; ${date.toUTCString()}&lt;/span&gt;&lt;br&gt;&lt;br&gt;
      &lt;span&gt;&lt;b&gt;Message:&lt;/b&gt;&lt;/span&gt;
      &lt;p&gt;${this.data.message}&lt;/p&gt;
          `,
        });
  </code></pre>
  <p>When I try to load the page it throws the exception. When I remove the import statement it loads just like normal. This is all contained inside of a Vue.JS project. I have the latest version of nodemailer installed.</p>