Vue模板中关于JSX的ESLint错误

Question

我有一个vue单文件组件，其中模板部分如下：

<template>
   <Card>
      /// rest of template here ///
   </Card>
</template>

Card 是一个导入的 Vue 组件。

出于某种我不理解的原因，VSCode 中的 ESLint 用红线标记了 <Card> 元素，并警告我 Card cannot be used as a JSX component。我已经按照每个在线教程安装和配置了带有 Vue 的 eslint，但警告并未消失。

有什么建议可以配置以去除这个愚蠢的警告吗？

- Thanasis Ioannidis

---

代码构建和运行正确。我没有使用vue-cli。我从头开始配置所有内容。我只是在一个地方（模板）收到有关JSX的警告，而那里甚至不存在JSX。 - Thanasis Ioannidis

Answer 1

为了解决即时问题，请在您的tsconfig.json文件中添加"jsx": "preserve"。

对于更长久的解决方案，您还可以通过添加以下内容来扩展建议的基于Vue的typescript设置："extends": "@vue/tsconfig/tsconfig.json"

- ermish