类型“JSX.IntrinsicElements”上不存在属性“div”。当我用 vite 创建 React TypeScript 项目时

Question

当我在VScode中使用vite创建react typescript项目时，App.tsx中总是出现错误。

Property 'div' does not exist on type 'JSX.IntrinsicElements'.
Property 'a' does not exist on type 'JSX.IntrinsicElements'.Property 'img' does not exist on type 'JSX.IntrinsicElements'.

我用vite创建项目 npm create vite@latest npm install npm i -D @types/react-dom

在浏览器中可以运行，但vscode中总是报错。我尝试了一些解决方案，但它不起作用。

tsconfig.json 中也有一些错误

Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.
Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.
Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

我会将App.js和tsconfig.json放在附件中。

使用 React.createClass 时，Typescript 抱怨“JSX.IntrinsicElements”类型上不存在属性？

typescript 突然对我大喊所有 p 标签 - “属性 'p' 在类型 'JSX.IntrinsicElements' 上不存在

Answer 1

TL;DR：确保您的 Visual Studio Code 是最新的（版本 1.77+）

您好，我在自己寻找解决方案时发现了您的问题。我想我会回来给你回复，因为我找到了对我有用的修复程序。

这个类似问题的答案最终对我有用。我所要做的就是将 VSCode 更新到版本 1.78，因为我使用的是 1.71 版本。您可以参考原始答案来解释为什么会导致问题，但是更新 VSCode 应该可以解决您的问题

希望这能帮您解决这个问题！