Module parse failed: Unexpected token のエラー

バージョン

laravel 8
Vue.js 2.6

内容

$ npm run watch

でエラーが出る

ERROR in ./resources/js/pages/Login.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>
|   <h1>Login</h1>
| </template>

解決方法

webpack.mix.jsに
.vue()
を付け足すことで解決

webpack.mix.js

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