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

Question

我正在尝试使用 electron-compile-prebuilt 编译我的电子程序。 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"
      }
    }
  }
}