.tsx nicht

Question

Meine .tsx Datei in .jsx wird nicht konvertiert immer in .jsx und .js

ich Visual Studio bin mit Code umgewandelt zu werden. Beim Speichern wird die .tsx-Datei nicht in die .jsx-Datei konvertiert. Muss ich ein Plugin dafür installieren?

Unter meinen 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

Wenn Ihre Dateien konvertiert werden immer zu .js ist und Sie wollen .jsx statt, das ist, weil Typoskript ist die TS-Code tatsächlichen JS-Code umgewandelt werden, die injiziert die React-Knoten nach Bedarf. Das liegt daran, dass die Eigenschaft, die Sie in Ihrer Datei haben, ist.

Wenn Sie die Reaktion Syntax erhalten wollen und haben es Ausgang die Erweiterung als .jsx, tun

"jsx": "preserve" 

Wie in the handbook erläutert.