使用vite搭建react-ts项目
npm create vite@latest my-react-app -- --template react-ts
vscode页面满屏爆红
image.png
image.png
image.png
解决办法：
第一步：修改tsconfig.json配置
将 moduleResolution的值改为node，注释掉 allowImportingTsExtensions
image.png
第二步：修改tsconfig.node.json配置
将moduleResolution的值改为Node
image.png
修改完上面的配置之后，app.tsx就没有爆红了
image.png
第三步：解决main.tsx没有默认导出问题
image.png
在
tsconfig.json中添加esModuleInterop配置，值为true
image.png
第四步：解决导入路径不能以“.tsx”扩展名结束问题
在vite-env.d.ts文件中加入声明declare module '*.tsx'
image.png
这样就结束啦~ 全都不爆红了
image.png
