While I have no issues using TypeScript with single file components (.vue files), I encountered problems when attempting to use it with JSX files. Two errors arise, one in my index.ts file. I'm uncertain if there was a mistake made in my configuration files,
'vue' module not found
The second error occurs when trying to build the solution, as shown in the attached screenshot:
https://i.sstatic.net/ghiFL.png
Here is a snippet of my tsconfig.json file:
{
"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"
]
}