获取 Visual Studio 以识别来自 tsConfig,json 的 jsx 设置

Rob*_*nic 6 intellisense visual-studio typescript reactjs

我在 Visual Studio 中有一个 TypeScript/React 项目。

挑战在于让 Visual Studio 识别 React。

Visual Studio 中的 IntelliSense 错误的形式为 -

“--jsx is not set”,  “Cannot use JSX,  unless  the  ‘—jsx’ flag  is provided”
Run Code Online (Sandbox Code Playgroud)

显而易见的解决方案是配置--jsx。

似乎至少有两种方法可以做到这一点 -

  • Visual Studio 项目,项目属性 -> TypeScript Build -> TSX 文件中的 JSX 编译
  • 配置文件

    {“编译器选项”:{

    "jsx": "react",
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true, 
    "noImplicitReturns": true,
    "target": "es5", ...
    
    Run Code Online (Sandbox Code Playgroud)

我已经在tsConfig.json中配置了--jsx,命令行gulp build就可以了,但是Visual Studio还是认为--jsx没有设置。

因此,对于 Visual Studio,我想我可以只设置项目属性(除了 tsconfig.json)但在 Visual Studio 中这是禁用的 - “检测到一个或多个 tsconfig.json 文件。项目属性被禁用”

在此处输入图片说明

如何让 Visual Studio 识别 tsConfig,json 中的 –jsx 设置。好像承认tsConfig.json存在,但是没有具体承认配置了-jsx

开发环境

  • Visual Studio:2017 专业版
  • 打字稿:2.1.4
  • 反应:15.4.2

Jac*_*ler 2

历史性问题,但今天仍然相关(至少对我来说......)

解决办法:设置后"jsx": "react"重启tsConfig.json Visual Studio .