react.js配置组件的时候报错

最新推荐文章于 2023-01-12 12:12:41 发布
最新推荐文章于 2023-01-12 12:12:41 发布
阅读量383 收藏
点赞数
分类专栏： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/difficultName/article/details/99982893
版权

react.js第一次配置组件出错The tag <组件名> is unrecognized in this browser.

今天在学习react.js的时候，按照文档来的配置组件，结果就是不显示组件的内容，还报错：The tag is unrecognized in this browser.
找了半天，最后发现了错误，组件名要使用大写开头，我真的很无奈了，希望大家不要碰到我这样子的问题。
我猜测原因应该是采用的是xml格式，所以对于格式，大小写都要求比较严格。

404无法访问
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
toast-ui.react-image-editor:用于React.js的TOAST UI ImageEditor包装器
03-18
这是一个包装的React组件。 :triangular_flag: 目录 收集有关使用开源的统计信息 TOAST UI图像编辑器的React Wrapper应用Google Analytics（分析）（GA）来收集有关开源使用情况的统计信息，以便确定TOAST UI图像...
React报错：The tag <demo> is unrecognized in this browser.If you meant to render a React component, sta
热门推荐
bobobocai的博客
09-10 1万+
报错信息： 报错代码： 问题描述： 此浏览器无法识别标记。如果要呈现react组件，请以大写字母开头。 报错原因： react组件首字母要大写 解决方法： ...
React随记：React常见报错及解决方案
鸡肋佐的博客
01-12 3404
React常见报错及解决方案
React引入组件并使用 但系统一直报错说引入但没有使用 (问题解决方法)
weixin_45966674的博客
09-25 892
这里明显使用了这个组件 但系统一直报错 说我们没有使用。react应用遇到这种问题 将首字母改成大写就解决了。简单说 就是将首字母改成大写 项目就可以跑起来。先来看一下我遇到的问题。
React.js 常见问题
weixin_34297704的博客
02-13 629
在 jsComplete，我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题，但大多数问题都是常见问题。 我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里可以快速找到一些常见问题的解决方案，而不是一，遍又一遍去找解决方法，我会持续更新这些常见的问题。 1. 组件的名称开...
taro报错The tag 「view」 is unrecognized in this browser. If you meant to render a React component, star
勾勾的博客
07-02 3236
报错截图 react-dom.development.js?61bb:88 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 报错代码 错误分析 原因：在taro，react组件名要大写，将view标签变成View就ok了 修正错误 错误解决 ...
react-confirm-alert:React组件确认对话框
05-08
React确认警报React组件确认对话框。 v.1.xx的文档，入门使用NPM安装： $ npm install react-confirm-alert --save选项const options = { title : 'Title' , message : 'Message' , buttons : [ { label : 'Yes' , ...
react-to-vue:将React组件转换为Vue组件
05-10
将基本的React组件转换为Vue组件 安装 npm install react-to-vue -g 用法 Usage: rtv [options] file(react component) Options: -V, --version output the version number -o --output [string] the ...
echarts-taro3-react:taro3.x-react构建的微信小程序echarts组件，及使用示列
04-28
echarts-taro3-react基于Taro3.x-React框架构建的微信小程序版本echarts组件，及使用示例代码体积过大解决方案：使用分包，自定义echart.js，自行前往（注意：版本需要选择4.9.0，不要勾选压缩，可下载下来后自行...
react-pdfjs-viewer:PDF查看器React组件
04-28
ReactPDF查看器 使用create-react-app pdf.js组件。 安装 运行以下命令： npm install react-pdf-viewer
React常见错误（一）
qq_52126119的博客
05-13 1415
React错误：react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:
The tag 「Pane」 is unrecognized in this browser. If you meant to render a React component, start its
pgLi
07-10 1095
报错信息： The tag <Pane> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 背景：用react-split-pane插件2.0.3版本时，只能导出SplitPane，使用下面范例会报告警 <SplitPane split="vertical"> <P.
react引入插件报错Error: Minified React error #321
哈哈哈，呜呜呜
10-11 6669
当下载的时候，它会自动更新到中间那个数字（minor version）的最新版本，比如：“~4.2.0”，库就会更新到 4.2.X 的最新版本，但是不会更新到4.3.X版本，波浪符号是曾经 npm 安装时候的默认符号，现在已经变为了插入符号。react-redux 是依赖 react 的，放到redux这个入口，打包会产生两个react实例，解决办法很简单，移动到 vendor 的入口，再打包就不会出现这个问题了。可以看到他的版本已经升级到了 16.14.0😮，也就是说他是支持hook的。
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.
weixin_45866961的博客
10-08 3716
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:
react项目中引入的组件在src外从而报错
qq_36384745的博客
08-31 2654
react项目中引入的组件在src外从而报错，react项目中无法引入src目录外的静态文件，ModuleScopePlugin插件，Relative imports outside of src/ are not supported
The tag ＜fonta＞ is unrecognized in this browser. If you meant to render a React component, start its
LTZWL的博客
05-12 1381
写react 组件样式 styled-components 报错 是因为react 千万记住开头字母是大写 由于这个f小写了 但是这个是当成了一个组件在用 所以会一直报错 改为大写就会解决了 小伙伴们千万注意 react的项目组建开头必须大写 ...
05. React-react中的组件
言凡的博客
07-27 916
使用构造函数创建组件 开始创建 组件名必须大写 //The tag &amp;amp;amp;amp;amp;lt;hello&amp;amp;amp;amp;amp;gt; is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 组件必须向外return一个合法的JSX创建的虚拟DOM 父...
React-使用中报错处理ERROR
weixin_45760365的博客
09-29 838
React常见错误 ①Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag 虚拟DOM中只能有一个根标签 ②Warning: Invalid DOM property class. Did you mean className? in div 在react的jsx语法中，class是一个类的关键词，所以标签的class属性要改为className ③U
我是用umi创建的react项目，没有app.tsx，按照你的方法手动创建app.tsx之后就提示报错register failed, invalid key $$typeof from plugin
最新发布
07-08
如果你是使用Umi创建的React项目，那么在Umi中，默认的入口文件是`src/pages/index.tsx`，而不是`app.tsx`。因此，手动创建`app.tsx`文件可能会导致报错。 如果你想自定义入口文件，可以按照以下步骤进行操作： 1. 在你的项目根目录下找到`.umirc.ts`或者`.umirc.js`文件（如果没有，请创建它）。 2. 在该配置文件中，找到`routes`配置项，然后添加`component`字段，并将其值设置为你希望作为入口的组件路径。 示例： ```tsx export default { routes: [ { path: '/', component: '@/pages/index.tsx', // 这里设置为你希望作为入口的组件路径 }, ], }; ``` 3. 然后，在你的入口组件文件中（例如`src/pages/index.tsx`），你可以编写你的React应用程序的主要组件和逻辑。 这样就可以自定义Umi项目的入口文件了。 请注意，以上示例仅适用于Umi项目。如果你使用其他脚手架或框架，请提供更多关于你的项目结构和配置的信息，我将尽力帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值