使用带有电子编译错误的TSX文件

Question

我正在尝试使用电子编译预编译来编译我的电子程序。应该支持React和typescript开箱即用，但它会从React标记标记Uncaught SyntaxError: Unexpected token <抛出控制台错误，

是否需要使用编译器选项来支持TSX中的React语法？转换为JSX时，它可以正常工作。

Answer 1

确保项目的根目录中有.compilerc，并且已为text/typescript MIME类型定义了TypeScript编译器选项。您的TypeScript编译器选项必须包含"jsx": "react"选项。

这是我的.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"
      }
    }
  }
}