.tsx没有转换为.jsx

Question

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

我正在使用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" 
 
    ] 
 
}

Answer 1

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

"jsx": "react" 

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

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

"jsx": "preserve" 

正如所解释的in the handbook。