reactjs - 使用 Vite 的新 TypeScript React 应用程序 - JSX.IntrinsicElements 错误

标签 reactjs typescript jsx vite

我正在尝试使用 React TS 来使用 Vite 并使用他们的 official documentation 。应用程序构建并运行,但是在 VS Code 中查看它会显示一大堆 Property 'div' does not exit on type 'JSX.IntrinsicElements'.ts(2339) 错误。

我使用 npx create-react-app my-app --template typescript 创建了一个新的 React TS 应用程序,但没有遇到此问题。

查看 Vite documentation他们再次得到了 stackblitz显示相同问题的链接,因此这意味着问题不是我的环境。

我错过了什么吗?这对于Vite官方文档来说应该不是问题吧?但请注意,我是 React 和 Vite 的新手。

最佳答案

好吧,看来将 tsconfig.json 从 "moduleResolution": "bundler" 更新为 "moduleResolution": "node" 可以解决此问题。我还没有完全理解这是做什么的,我也不明白为什么 Vite 不创建开箱即用的兼容配置。如果/当我发现更多信息时,我会回复。

编辑:更新 VS Code 解决了问题

关于reactjs - 使用 Vite 的新 TypeScript React 应用程序 - JSX.IntrinsicElements 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/76208122/

相关文章:

angular - 使用 RxJS 获取 "is not a function "错误

typescript - StencilJS Prop 未填充在 JSX 中

css - 在 React [FOUC] 中等待 CSS 在 JS 之前加载

reactjs - 无法忽略带有 istanbul 的 React 类组件中的 block 忽略旁边以获得覆盖

javascript - Node.JS + TypeScript 如何从堆栈跟踪中跟踪源代码?

javascript - 在按钮上返回 id 以显示特定的 json react js

javascript - 通过 Input React 将参数从子级传递给父级

javascript - 如何生成具有不同颜色行的 React 表?

javascript - React - 根据状态渲染子组件时无法在子组件中使用引用

javascript - 我怎样才能等到某些东西不为空然后运行该函数