eslint的Parsing error: Unexpected token 錯誤

問題

檢查代碼配置的eslint-config-standard，使用eslint的修復命令時，出現Parsing error: Unexpected token

Eslint 修復命令：eslint --fix --ext .js --ext .jsx --ext .vue client/

環境

• node: 14.15.3
• webpack: 5.12.2
• eslint: 7.19.0
• eslint-config-standard: 16.0.2

原因

未知，猜測是對代碼的解析錯誤

解決方案

1. 如果是對普通javascript代碼的樣式檢測，則使用此方法嘗試一下，eslint 配置 babel-eslint 插件

1. 安裝 babel-eslint 插件
npm install babel-eslint --save-dev
2. 在 .eslintrc 文件中配置 parser 屬性
"parser": "babel-eslint"

.eslintrc 入下所示：

{
  "extends": "standard",
  "parser": "babel-eslint",
  "plugins": [
    "html"
  ]
}

2. 如果項目是vue項目，主要對vue文件做代碼檢測，則可以使用eslint-plugin-vue插件

   1. 安裝插件：npm install eslint-plugin-vue --save-dev

   2. 修改.eslintrc文件

   {
     "extends": "standard",
     "parser": "vue-eslint-parser",
     "plugins": [
       "html"
     ]
   }
   

3. 如果你是其他項目，嘗試查找安裝相關項目的eslint檢查插件