.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。