首页 前端知识 关于使用vite创建react typescript模板时,使用vscode爆红的配置修改

关于使用vite创建react typescript模板时,使用vscode爆红的配置修改

2024-05-26 00:05:25 前端知识 前端哥 216 695 我要收藏

出现问题

环境: vite@4.3.9, react@18.2.9, typescript@5.0.2

在使用vite@4.3.9构建react+typescript模板, 并且使用vscode运行项目时, vscode会报错:Property 'div' does not exist on type 'JSX.IntrinsicElements'.等原生元素引入错误.
引入ReactReactDOM等会报错Module '"e:/vite-temp/node_modules/@types/react-dom/client"' has no default export.
tsconfig.json中, 会报错Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

还可能会出现Unknown compiler option 'allowImportingTsExtensions'.这样的报错.

解决方法

tsconfig.json 中的 moduleResolution 的值改为 "node" (注意 tsconfig.node.json 中的相同键也改为一致的值). 该配置修改可以解决原生元素引入问题.

tsconfig.json 中的 compilerOptions 内部加上 "esModuleInterop": true 这一个配置. 这样就可以解决引入React,ReactDOM时报错的问题.

tsconfig.json中的 "allowImportingTsExtensions": true配置放到与compilerOptions配置的同级位置.

原因

待续

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9528.html
标签
评论
发布的文章

html5怎么实现语音搜索

2024-06-01 10:06:32

HTML5

2024-02-27 11:02:15

HTML - 头部元素

2024-06-01 10:06:06

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!