扩展tsconfig时，VSCode无法使用jsx

Question

我有一个按以下方式构建的monorepo项目

/web
/native
  /tsconfig.json
tsconfig.json

我的/native/tsconfig.json看起来像这样

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "jsx": "react-native"
  }
}

但是由于某些原因，我的.tsx文件中包含jsx会返回以下错误

  

[ts]除非提供'--jsx'标志，否则不能使用JSX。 [17004]

使用cli tsc进行类型检查时，不会出现这些错误。

Answer 1

您需要在tsconfig中指定这样的文件夹。

"include": [
  "./src/ts/**/*" //Path to your source
],
"jsx": "preserve",

Answer 2

VsCode 工作区和 package.json 中的 Typescript 版本不相等。 在Vscode中解决这个问题，

1. 打开 tsx 文件。在右下角你会发现

2 单击此按钮并选择更改 VS Code 以使用工作区版本的 Typescript。

错误将消失。