title: upload and process excel file in vue
body: <p>Am trying to upload an <strong>xlsx</strong> excel file and process it in my Vue app. But it's failing, throwing an error. Which makes me think that I'm not using or importing the library correctly since in a node projects works fine.</p>
  <p>Am using the <strong>xlsx</strong> library.</p>
  <h3>Code</h3>
  <p><em>template</em></p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div id=&quot;app&quot;&gt;
      &lt;input type=&quot;file&quot; @change=&quot;onChange&quot; /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p><em>script</em></p>
  <pre class="lang-js prettyprint-override"><code>import XLSX from &quot;xlsx&quot;
  
  export default {
    name: &quot;App&quot;,
    methods: {
      onChange(event) {
        this.file = event.target.files ? event.target.files[0] : null;
        let workbook = XLSX.readFile(this.file);
        console.log('workbook1');
        console.log(workbook);
        console.log('SheetNames');
        console.log(workbook.SheetNames);
      },
    }
  };
  </code></pre>
  <p>At this point even being pointed to the a correct library if there is one would be very appreciated. Thanks in advance.</p>
  <p>This is my codesandbox of the problem:</p>
  <p><a href="https://codesandbox.io/s/nervous-montalcini-w3qhy?file=/src/App.vue" rel="nofollow noreferrer">https://codesandbox.io/s/nervous-montalcini-w3qhy?file=/src/App.vue</a></p>