title: Jest with vuejs import es6 fails SyntaxError: Unexpected token <
body: <p>Am using jest and am getting errors when importing a component</p>
  
  <pre><code>import ContactForm from "../components/Contact/ContactForm.vue";
  import { mount } from '@vue/test-utils'
  
  describe("Contact Form", () =&gt; {
  
  });
  </code></pre>
  
  <p>But now am getting an error  SyntaxError: Unexpected token &lt; at the import ContactForm</p>
  
  <p>what do i need to add to have imports work </p>
  
  <p>This is what is in my contact form</p>
  
  <pre><code>&lt;template&gt;
      my form is here
  &lt;/template&gt;
  &lt;script&gt;
      export default{
          data:()=&gt;({
              contact_form:{
                  first_name:'',
                  last_name:'',
                  email:'',
                  message:'',
              }
          }),
          methods:{
              ContactUs(){
                 //stuff
              }
          }
      }
  &lt;/script&gt;
  </code></pre>