title: Uncaught SyntaxError: The requested module '/@modules/vue.js' does not provide an export named 'default'
body: <p>I have a problem using a form validation named Vee Validate in Vue.js. I'm a beginner and not fully understand the import syntax. I install the vee-validate using <code>npm i vee-validate --save</code> and it was placed in my node_modules. Now I import it in my main.js module and use the code given on the official page:</p>
  <pre><code>import { extend } from 'vee-validate';
  import { required } from 'vee-validate/dist/rules'; 
  
  extend('required', {
    ...required,
    message: 'This field is required'
  });
  </code></pre>
  <p>But when I open the index.html it gives an error:</p>
  <pre><code>Uncaught SyntaxError: The requested module '/@modules/vue.js' does not provide an export named 'default'
  </code></pre>
  <p>Here is the link to vee-validate package: <a href="https://www.npmjs.com/package/vee-validate?activeTab=readme" rel="nofollow noreferrer">https://www.npmjs.com/package/vee-validate?activeTab=readme</a></p>
  <p>Thank you for helping me. Forgive me if my question is not clear.</p>