javascript - hata Ayrıştırma hatası: Beklenmeyen token, beklenen ","

Programı çalıştırdığımda hata alıyorum (vue3 + element plus), ama neyin yanlış olduğunu bilmiyorum. Lütfen yardım edin.

İşte hata açıklaması ve resim:

56:23 hata Ayrıştırma hatası: Beklenmeyen belirteç, beklenen "," (11:23)

bağlantı açıklamasını buraya girin

package.json

{
  "name": "vueui",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "element-plus": "^2.1.3",
    "vue": "^3.2.13"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.17.0",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ]
}

Cevap #1

Mevcut yapılandırmada, eslint TypeScript ile başa çıkamaz. Aşağıdaki adımlar TypeScript desteğini etkinleştirir.

• npm install --save-dev @vue/eslint-config-typescript çalıştırın

• ESLint yapılandırmasını uyarlayın:

  • parserOptions içinden "parser": "@babel/eslint-parser" öğesini kaldırın
  • Extend anahtarına "@vue/typescript/recommended" ekleyin

Yukarıdaki dosyanıza dayanarak, bu şekilde görünecektir:

{
  "root": true,
  "env": {
    "node": true
  },
  "extends": [
    "plugin:vue/essential",
    "eslint:recommended",
    "@vue/typescript/recommended"
  ],
  "parserOptions": {},
  "rules": {}
}

ESLint sürümünüze bağlı olarak, @vue/eslint-config-typescript kurulumu bir bağımlılık çatışmasına yol açabilir. ESLint < 9 ile @vue/eslint-config-typescript@10 yüklemeniz gerekecek.

Cevap #2

Eğer kod çalışıyorsa, esLint'i yapılandırmanız gerekir; eğer bir hata verirse, onu doğru şekilde {} arasına yerleştirmeniz gerekir