出现问题
环境: 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'.等原生元素引入错误.
引入React、ReactDOM等会报错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://blog.csdn.net/qq_46266305/article/details/131140524
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_31376.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
