文章/答案/技术大牛

发布

社区首页 >问答首页 >当我不使用JSX时，为什么会收到关于JSX的警告？

问当我不使用JSX时，为什么会收到关于JSX的警告？
EN

Stack Overflow用户

提问于 2022-06-08 12:14:33

回答 1查看 225关注 0票数 0

我有一个Vue.js组件文件(框架是类星体)，在<template>中，我有以下代码块：

<q-btn
 color="green"
 label="save & continue editing"
 @click="saveCase()"
/>

这是其他代码的一部分。

TypeScript突出显示此代码为错误：

错误的详细信息：

[{
    "resource": "/D:/dev-pro/secops-cases/front/src/components/Case.vue",
    "owner": "_generated_diagnostic_collection_name_#0",
    "code": "17004",
    "severity": 8,
    "message": "Cannot use JSX unless the '--jsx' flag is provided.",
    "source": "ts",
    "startLineNumber": 108,
    "startColumn": 11,
    "endLineNumber": 112,
    "endColumn": 13
}]

什么意思？我根本不使用React，只有Vue.js，类星体和TypeScript。<q-btn>是唯一突出显示为错误的元素，任何其他元素(泛型或类星体)都可以。

javascript

typescript

vue.js

quasar-framework

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-19 14:07:14

尝试添加一个结束标记以避免此警告：

<q-btn
 color="green"
 label="save & continue editing"
 @click="saveCase()"
></q-btn>

还可以通过将"jsx": "preserve",添加到tsconfig.json文件中的compilerOptions条目来避免此问题：

{
  "extends": "./.nuxt/tsconfig.json",
  "compilerOptions": {
    "strict": true,
    "jsx": "preserve",
  }
}

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72545529

复制

相似问题

问当我不使用JSX时，为什么会收到关于JSX的警告？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我不使用JSX时，为什么会收到关于JSX的警告？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我不使用JSX时，为什么会收到关于JSX的警告？
EN