reactjs - Använda TSX-filer med electron-compile-fel

Jag försöker kompilera mitt Electron-program med electron-compile-prebuilt. React och TypeScript ska stödjas direkt, men det ger ett konsolfel från React-märkningstaggarna Uncaught SyntaxError: Unexpected token <,

Finns det ett kompilatoralternativ som behöver användas för att stödja React-syntax i TSX? När det konverteras till JSX fungerar det okej.

Svar #1

Se till att du har en .compilerc i roten av ditt projekt och att du har definierat dina TypeScript-kompilatoralternativ för text/typescript MIME-typen. Dina TypeScript-kompilatoralternativ måste inkludera "jsx": "react"-alternativet.

Här är min .compilerc:

{
  "env": {
    "development": {
      "application/javascript": {
        "presets": ["es2016-node5", "react"],
        "sourceMaps": "inline"
      },
      "text/typescript":{
        "target": "es6",
        "module": "commonjs",
        "sourceMap":true,
        "inlineSourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "allowJs": true,
        "jsx": "react"
      }
    },
    "production": {
      "application/javascript": {
        "presets": ["es2016-node5", "react"],
        "sourceMaps": "none"
      },
      "text/typescript":{
        "target": "es6",
        "module": "commonjs",
        "sourceMap":false,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "allowJs": true,
        "jsx": "react"
      }
    }
  }
}