使用带有电子编译错误的TSX文件-Java 学习之路

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

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

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"
      }
    }
  }
}

回复于 2024-04-29T15:20:46+08:00

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

1 回答

相关问题