.tsx没有转换为.jsx

我的.tsx文件没有转换为.jsx和.js.tsx没有转换为.jsx

我正在使用visual studio代码。保存.tsx文件不会转换为.jsx文件。我需要为此安装任何插件吗?

下面是我tsconfig.json

{  

"compileOnSave": true,

"compilerOptions": {

"outDir": "build/dist",

"module": "esnext",

"target": "es5",

"lib": ["es6", "dom"],

"sourceMap": true,

"allowJs": true,

"jsx": "react",

"moduleResolution": "node",

"rootDir": "src",

"forceConsistentCasingInFileNames": true,

"noImplicitReturns": true,

"noImplicitThis": true,

"noImplicitAny": true,

"strictNullChecks": true,

"suppressImplicitAnyIndexErrors": true,

"noUnusedLocals": true

},

"exclude": [

"node_modules",

"build",

"scripts",

"acceptance-tests",

"webpack",

"jest",

"src/setupTests.ts"

]

}

回答:

如果你的文件越来越转化为.js,你想.jsx相反,这是因为打字稿是TS代码转换为实际的JS代码,根据需要注入React节点。那是因为

"jsx": "react" 

您对您的文件拥有的财产。

如果你想保留作出反应的语法和有它输出扩展为.jsx,做

"jsx": "preserve" 

正如所解释的in the handbook。

以上是 .tsx没有转换为.jsx 的全部内容, 来源链接: utcz.com/qa/262862.html

回到顶部