当我使用 vue3 <script setup> 时 vscode 发出警告答案

【问题标题】：vscode warn when I use vue3 <script setup>当我使用 vue3 <script setup> 时 vscode 发出警告
【发布时间】：2022-01-03 09:21:12
【问题描述】：

出现警告但没有提示，如何解决？

我使用 vue-ts 模板的 vite init 项目

当我悬停时只警告但不提示，并且构建也成功

我的 eslintrc ：

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: [
    "eslint:recommended",
    "plugin:vue/essential",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended",
  ],
  parserOptions: {
    ecmaVersion: 13,
    parser: "@typescript-eslint/parser",
    sourceType: "module",
  },
  plugins: ["vue", "@typescript-eslint"],
  rules: {
    // indent: ["error", 4],
    "linebreak-style": ["error", "unix"],
    quotes: ["error", "double"],
    semi: ["error", "always"],
  },
};

我已经安装了 Vue 语言功能（Volar）

【问题讨论】：

您正在运行一个新程序，并且刚刚出现此错误？你是怎么得到的？解释不清楚。
“不是提示”是指没有错误信息吗？当您将鼠标悬停在红色波浪线上时，您会看到什么？
是的，当我悬停时，没有提示，只有红色波浪线

标签： visual-studio-code eslint prettier vite

【解决方案1】：

看看https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser

你有

parserOptions: {
    ecmaVersion: 13,
    parser: "@typescript-eslint/parser",
    sourceType: "module",
  }

你可以试试

parser: "vue-eslint-parser",
parserOptions: {
    ecmaVersion: 13,
    parser: "@typescript-eslint/parser",
    sourceType: "module",
  },

您还可以查看已经设置了 ESLint 和 TypeScript 和 Vue 的这个 repo，并将您的配置与那里的配置进行比较：https://github.com/sethidden/vue3-eslint-stylelint-demo

【讨论】：