使用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秒红线就会消失