For anyone receiving the following error when executing "npm run watch" :

ERROR in ./resources/js/components/About.vue 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <template>
|     <p>About</p>
| </template>

Try editing your webpack.mix.js file,

It might look like this:

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);

Try changing it to this:

mix.js("resources/js/app.js", "public/js")
    .vue()
    .postCss("resources/css/app.css", "public/css", [
        //
    ]);

Save, then try running "npm run watch" again, it worked for me...if you're curious what's going on see:

https://laravel.com/docs/8.x/mix

The Skeleton