带有打字稿的vuejs jsx答案

【问题标题】：vuejs jsx with typescript带有打字稿的vuejs jsx
【发布时间】：2018-10-16 17:31:11
【问题描述】：

我可以将 typescript 与单个文件组件（.vue 文件）一起使用，但是当我尝试将它与（.jsx 文件）一起使用时，它不起作用并给了我两个错误，一个在我的 index.ts 文件中，我不确定我是否在我的配置文件中做了任何愚蠢的事情，

找不到'vue'模块

构建解决方案时的第二个错误，如附件截图

tsconfig.json 文件

{
    "compilerOptions": {
      "outDir": "./built/",
      "allowSyntheticDefaultImports": true,
      "noImplicitThis": true,
      "noImplicitAny": false,
      "noEmitOnError": true,
      "removeComments": false,
      "sourceMap": true,
      "module": "es2015",
      "moduleResolution": "node",
      "jsx": "preserve",
      "jsxFactory": "h",
      "target": "es5",
      "lib": [
        "es2017",
        "dom"
      ]
    },
    "include": [
      "src/**/*",
      "test/**/*"
    ],
    "files": [
      "jsx.d.ts"
     ]
  }

【问题讨论】：

为什么要使用 jsx？ Vue 的美妙之处在于您可以在 SFC 文件中包含真正的 html。
@Kokodoko 有时需要直接编写渲染函数（使用或不使用 JSX）而不是模板。使用渲染功能，您可以获得完全的控制权。

标签： typescript vue.js jsx

【解决方案1】：

TypeScript 根据 React 编译 .tsx 文件。 Vue JSX 的编译方式与 React JSX 不同。 Vue + JSX + TypeScript 尚不支持。目前在 GitHub 上跟踪此问题。

查看有关此问题的更多信息： GitHub issue

【讨论】：