Parsing error: Unexpected token < とエラーが表示される

エラー内容

npm run lintを実行すると、Parsing error: Unexpected token <とエラーが大量に表示されてしまう。

# npm run lint

> lint
> eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore


/workspace/resources/js/Components/ApplicationLogo.vue
  1:1  error  Parsing error: Unexpected token <

/workspace/resources/js/Components/Checkbox.vue
  1:1  error  Parsing error: Unexpected token <

...

解消方法

eslint-plugin-vueをインストールする。

npm install --save-dev eslint-plugin-vue

.eslintrc.cjsに下記を追記し、eslint-plugin-vueを有効にする。

.eslintrc.cjs

module.exports = {
  ...
  extends: ['plugin:vue/vue3-essential'],
  ...
}