cannot be used as a JSX component

从外面引入的组件，报其不是 JSX Component 的错误，但是翻看官方文档的写法，是没有问题的

这一般是 @types/react 的版本和 TypeScript 版本不匹配造成的

查看 TypeScript 版本：

> npm view typescript version

查找 @types/react 和 TypeScript 版本的对应关系：

https://www.npmjs.com/package/@types/react

点击 versions

比如 ts 版本是 3.3 就换 17.0.0 的 @types/react

再查 @types/react-dom 与 TypeScript 版本的对应关系

修改 package.json

如果这种修改会带来一大堆问题，但是人家是编成功了，就用 yarn install

cannot be used as a JSX component相关推荐

‘DatePicker.RangePicker‘ cannot be used as a JSX component.
antd和react在四月份升级后出现问题 'DatePicker.RangePicker' cannot be used as a JSX component. 10:40:52 Its insta ...
‘DatePicker‘ cannot be used as a JSX component.
问题: 'DatePicker' cannot be used as a JSX component. 网上查的是antd和react在四月份升级后出现问题解决办法 "@types/re ...
error TS2786: ‘SortableBody‘ cannot be used as a JSX component.
报错信息如下 3829[2022-11-01T20:29:05.463][CompileProject][INFO] src/components/columnSelectorC/index.tsx( ...
JSX/TSX的知识介绍
JSX/TSX 基本介绍 JSX和TSX是一种基于JavaScript的语法扩展,用于在React和Vue.js等框架中编写可复用的UI组件和控制逻辑.JSX/TSX可以帮助开发者更加直观和高效地编写 ...
文件魔术数字_如何使用魔术脚手架自动创建文件并节省时间
文件魔术数字 Before we begin: This article uses JavaScript / Node.js example code, but you can port these ...
Backbone React Requirejs 应用实战(一)——RequireJS管理React依赖
试着用React替换Mustache打造了一个简单的页面,http://backbone-react.phodal.com/,当然Router用的还是Backbone的Router(react-rou ...
dva.js 知识导图
dva.js 知识导图 JavaScript 语言变量声明 const 和 let 模板字符串默认参数箭头函数模块的 Import 和 Export ES6 对象和数组析构赋值对象字面量改 ...
從零開始學 ReactJS：最完整的 React 生態系入門教程
转自:https://github.com/kdchang/reactjs101 從零開始學 ReactJS(ReactJS 101)是一本希望讓初學者一看就懂的 ReactJS 中文入門教學書,由淺 ...
draw.io 开源矢量图作图神器的骚操作
初识 draw.io 使用 draw.io 的日常制图计划流程整理逻辑开始逐渐离谱完全文本格式粘贴变态高效快捷键超文本 HTML 支持主题?想怎么改就怎么改参考/扩展初识 draw ...

cannot be used as a JSX component

cannot be used as a JSX component相关推荐

最新文章

热门文章