VSCode中Vue文件報錯“Parsing error: Unexpected token <”

問題描述

VSCode中打開vue文件，提示 “Parsing error: Unexpected token <” 錯誤

開發環境

• Visual Studio Code1.87.0
• Vue 3.4.14
• eslint 8.57.0

問題原因

項目中使用的是 eslint.config.js 配置文件，當前版本eslint不支持該格式的配置文件

解決辦法

需要vscode修改eslint相關配置（也可以修改配置文件名稱）

Eslint › Experimental: Use Flat Config
Enables support of experimental Flat Config (aka eslint.config.js, supported by ESLint version 8.21 or later).