reactjs - 使用带有 Electron 编译错误的 TSX 文件

Question

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