为了解决未来所有项目的这个问题，你可以为VSCode安装JavaScript和TypeScript Nightly扩展。

这是@basarat回答的后续，因为他部分解决了我的问题。我遇到的问题是错误TS6046:“——jsx”选项的参数必须是:“preserve”，“react-native”，“react”。我是这样解决的:

重新启动IDE 删除tsconfig.json 重新初始化您的tsconfig。使用' ' ' tsc——init````

也许第一步可以跳过，但我没有对此进行调查。

添加 ｛ " compilerOptions ": { “jsx”:“反应” ｝ ｝ “tsconfig。重新启动编辑器就解决了这个问题。

对于正在阅读的读者，请转到tsconfig。将这一行从react-jsx改为react:

{
  "compilerOptions": {
    "jsx": "react"
  }
}

额外的好处:尝试将IDE TS版本设置为最新的(atm 4.2)，在vscode CMD + SHIFT + P中更改它。

每次我运行npm start时，它都会覆盖我在{jsx:…}使用React - JSX，以便与React 17中的JSX转换兼容。

The following changes are being made to your tsconfig.json file:
  - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)

问题是VSCode使用了旧版本的typescript(4.0.3)，而项目附带的typescript版本是(4.1.2)。

下面的方法对我很有效:

转到命令面板CTRL+Shift+P(或Mac上⌘+Shift+P)。 选择“TypeScript: Select a TypeScript Version…” 选择“使用工作区版本”。

PS:这个选项不会显示，除非你在任何。tsx文件(谢谢@awran5的评论和很好的捕捉)

你可以用npm install注释再次安装npm包。这对我很管用。