错误 解析错误：意外的标记，预期为“，”

Question

当我运行程序（vue3 + elements plus）时出现错误，但我不知道它出了什么问题。请帮我。

以下是错误描述和图片：

56:23 错误 解析错误：意外的标记，应为“,”(11:23)

---

在此输入链接描述

---

包.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"
  ]
}

Answer 1

在当前配置中，eslint无法处理 TypeScript。以下步骤启用 TypeScript 支持。

• 跑步npm install --save-dev @vue/eslint-config-typescript
• 调整 ESLint 配置：
  • 从"parser": "@babel/eslint-parser"​parserOptions
  • 添加"@vue/typescript/recommended"到extends密钥

根据上面的文件，它看起来像这样：

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

根据您的 ESLint 版本，安装@vue/eslint-config-typescript可能会导致依赖项冲突。如果 ESLint < 9 你必须安装@vue/eslint-config-typescript@10