Vue - Cannot use import statement outside a module

Question

I´m trying to create a form. This form have a package.json with vue, axios and sweetalert.

  \"dependencies\": {
    \"axios\": \"^0.19.0\",
    \"vue\": \"^         


        

Answer 1

I removed defer from

<script src="{{ asset('js/app.js') }}" defer></script>

and it worked perfectly

Answer 2

You're trying to use an import statement in a normal script tag, you can only do that with type="module" but I suspect you will run into many other issues if you continue down this path as many libraries are not built for use with ESM modules yet.

You'll be better off generating a project with https://cli.vuejs.org/ which will create a good starting base and compile your code and put it in a /build folder for you to deploy to your web hosting.

Answer 3

require('__path_to_vue.js__')

If you intend to use it outside module