解决vite创建react+ts项目报错问题

使用vite创建react18+ts5项目，vscode编辑器各种爆红线

报错一

配置文件报错及 React.StrictNode报错：类型“Element”的参数不能赋给类型“ReactNode”的参数

HTML标签报错：类型“JSX.IntrinsicElements”上不存在属性“p”。ts(2339)

以上报错都属于同一个问题： 在tsconfig.js中

{
  "compilerOptions": {
    /* Bundler mode */
    "moduleResolution": "bundler", =>这里改为node,  tsconfig.node.json这行改为node
    "resolveJsonModule": true,  => 这行删除
    "isolatedModules": true,
  }
}

报错二

在tsconfig.js中

{
  "compilerOptions": {
    "esModuleInterop": true,
  }
}

报错三

在 vite-env.d.ts 中

/// <reference types="vite/client" />
declare module '*.tsx'  

以上三个就是vscodo报红线的三种修改方式，每改完配置延迟2秒红线就会消失