title: Cannot import Axios to use with Parcel-Bundler
body: <p>I am trying to use axios for a http request in my app.js file, but I always get the error message:</p>
  <blockquote>
  <p>Uncaught SyntaxError: Cannot use import statement outside a module.</p>
  </blockquote>
  <p>I created the js folder, files and other js packages using parcel-bundler and run browser-sync to start the server.</p>
  <p>What am I missing? Please help I am new to JavaScript. I am on macOS Big Sur 11.5.1, node v14.17.4</p>
  <pre><code>import axios from 'axios'
  
  document.addEventListener('DOMContentLoaded', () =&gt; {
  const form = document.querySelector('form')
      form.addEventListener('submit', async (event) =&gt; {
      event.preventDefault()
  
      const username = document.querySelector('input').value 
      
      const response = 
      await axios.get(`https://api.github.com/users${username}`)
      console.log(response.data)
      })
  })
  </code></pre>