vuejs jsx与打字稿

时间:2018-05-06 22:51:50

标签: typescript vue.js jsx

我能够将typescript与单个文件组件(.vue文件)一起使用,但是当我尝试将它与(.jsx文件)一起使用时,它确实无法工作并且给了我两个错误,一个在我的index.ts文件中,我不确定我的配置文件中是否有任何愚蠢行为,

' VUE'找不到模块

构建解决方案时的

和第二个错误作为附加屏幕截图

build webpack error

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

1 个答案:

答案 0 :(得分:0)

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

有关此问题的详情,请参阅: GitHub issue