如果你在运行create-react-app with Typescript后看到这个问题，你可以通过添加“Typescript . bat”来解决这个问题。Tsdk ": "node_modules/typescript/lib"到.vscode/settings.json。

对于智能感知，如果你使用"jsx": "react-jsx"，你需要切换你的工作空间来使用TS 4.1+

或者从视觉上看，只需转到蓝色任务栏并选择Typescript版本(可能是4.x。x something)，然后选择“select TypeScript Version”。

然后选择“Use Workspace Version Version”，引用node_modules/typescript/lib

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

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

在我的例子中，问题是VSCode生成了一个空的tsconfig。Json文件，当然，它什么也没做。

我把这个添加到tsconfig。json from Typescript的React Page:

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es6",
        "jsx": "react"
    }
}

.．.然后点击保存，VSCode从那里取出它。

编辑: 自从我最初发布这个答案以来，通用的tsconfig文件已经变得更广泛地可用。如果你想了解这些选项，我已经发布了一个更详细的版本作为主旨。

你可以创建一个。vscode/settings。Json文件在你的项目的根。在里面输入{"typescript。Tsdk ": "node_modules\\typescript\\lib"}你就可以开始了。

问题是vscode使用的是旧的Typescript版本。

在vscode上显示代码的图像

我的经验

我正在转换现有的新创建的NextJS应用程序使用TS遵循官方的下一步指南，当我到达页面/_app。需要修改TSX。

我按照VSCode提示添加——jsx标志，这将添加以下行到next.config.js文件:

module.exports = {
  reactStrictMode: all,
};

这导致了另一个错误:

Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error
ReferenceError: all is not defined

在删除next.config.js文件中的行并重新启动VSCode并重新运行yarn dev或npm运行dev，瞧!它开始工作了!