Invalid component name: “Home,“. Component names should conform to valid custom element。。。控制台报错

已于 2022-03-10 17:32:27 修改
阅读量1.7k 收藏
点赞数
分类专栏： Vue-Bug 文章标签： vue.js 前端 javascript
于 2022-03-10 17:28:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44281199/article/details/123406650
版权

[Vue warn]: Invalid component name: “News,”. Component names should conform to valid custom element name in html5 specification. 控制台报错

最近学习vue-router 刚配置好路由文件一运行后发现切换路径的效果都有了，就是终端提示组件名字有问题。我反复看了几遍才发现 ，我给某个路由组件命名为name:'Home , ’ Home后边还跟了个逗号。。。。。 把逗号拿出去就行了
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

【uniapp】[Vue warn]: Invalid component name: “.-pages-Myblock-uni_myMessage“. Component names should
weixin_48596030的博客
12-10 2720
uniapp页面报错[Vue warn]: Invalid component name: ".-pages-Myblock-uni_myMessage". Component names should conform to valid custom element name in html5 specification.
【我的Android进阶之旅】解决Android Studio报错：Caused by: java.io.StreamCorruptedException: invalid type code: 00
字节卷动
02-14 2151
一、问题描述 今天2.14情人节，年后复工第一条上班，打开电脑，打开Android Studio，然后提示升级，升级到下面的版本，然后编译项目编译不过。 升级日志： 升级完之后，编译项目出错，日志如下： 13998 2022-02-14 15:30:52,108 [ 803961] INFO - .project.GradleProjectResolver - Gradle project resolve error 13999 org.gradle.tooling.GradleConnecti
解决 Invalid component name: “404“. Component names should conform to valid custom element name ...
weixin_42591485的博客
03-21 9707
【Vue 项目 bug 记录】"Invalid component name: "404". Component names should conform to valid custom element name in html5 specification."
[Vue warn]: Invalid component name: “45095“. Component names should conform to valid custom element
m0_51945510的博客
02-27 846
[Vue warn]: Invalid component name: "45095". Component names should conform to valid custom element name in html5 specification.
Invalid component name: “合同审核“. Component names should conform to valid custom element name in html5
YHLSunshine的博客
12-21 1207
开发项目，调试页面时，浏览器前端控制台出现红色 varn 信息，信息如下所示：Invalid component name: "合同审核". Component names should conform to valid custom element name in html5
Invalid component name: “XXX“. Component names should conform to valid custom element name in html5
whatnameisok的博客
03-26 5599
最近Vue项目中遇到种问题： 无效的组件名称：“提交订单”。 组件名称应符合html5规范中的有效自定义元素名称。 于是定位->主要问题出现在组件命名上: export default { name: "xxx", data(){ } 而我的组件名为So.vue , 所以改一下name就好了。 export default { name: "So", data(){ } ...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: “__file“. Component names should con
慧字
07-09 2769
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: "__file". Component names should con 问题 #是一个页面加载没反应的问题 #解决方案 第一次学vue 把components: {Header} 写成components: (Header)
spark sql读取sql server报错：com.microsoft.sqlserver.jdbc.SQLServerException: Invalid object name ‘dbo.st
小蚯蚓的博客
05-20 1858
一、问题描述 Sparksql 读取sql server链接报错： Exception in thread "main" com.microsoft.sqlserver.jdbc.SQLServerException: Invalid object name 'dbo.state'. at com.microsoft.sqlserver.jdbc.SQLServerException.makeFromDatabaseError(SQLServerException.java:258) at com.m
Spark3报错: hive.ql.metadata.HiveException: Unable to fetch table Invalid method name: get_table_req
善皮之的博客
06-11 8533
Spark3报错: hive.ql.metadata.HiveException: Unable to fetch table Invalid method name: ‘get_table_req’ 环境 hive版本1.1.0-cdh-5.10 scala版本2.11.11 hadoop版本2.6.0 我之前用的是spark的2.4.4的发行版的包，现在想切换成spark3.0版本包...
Invalid component name: “MyList “. Component names should conform to valid custom element name in ht
m0_66504310的博客
11-04 1141
控制台报错：Invalid component name: "MyList ". Component names should conform to valid custom element name in html5 specification.
Invalid component name Component names should conform to valid custom element name报错
热门推荐
mike_95的博客
06-21 2万+
控制台报错 问题出在，组件注册时，少了{} 解决方案
Invalid component name: “#khps“. Component names should conform to valid custom element name in html
积极的小可爱~的博客
01-12 2847
刚开始百度查看都是说在compontent注册组件时少写{}，但是我出现问题的界面没有使用别的组件呀！ 然后我对比其他没有报错的界面， 最后就发现了定义name的时候，应该写khps，而不是**#khps** 也是自己粗心，记录下 ...
Invalid component name: “_compiled“. Component names should conform to valid custom element name组件报错
qq_45018844的博客
01-11 1万+
报错 一个vue项目，运行没有问题，但是我利用路由跳转的时候报错， 最后发现bug 说出来你可能不信，就是这一个大括号，会报这么多措，语法错误就会有很多错误，这样就可以跳转啦。这也是我一个个坑填好的。 ...
记录一次vue报错:omponent name: “_compiled“. Component names should conform to valid custom
m0_52364694的博客
06-23 462
原因是在使用组件时没有为组件名对象加花括号。 错误写法components:Header 正确写法components:{Header}
Vue-创建组件时报错：Component names should conform to valid custom element name in html5 specification.
hmy5678的博客
03-03 1万+
报错原因是创建组件不规范，要么是注册组件的时候丢了{} 或者就是导出的组件名称不规范。经过检查发现是导出组件名称后面多敲了一个空格键。
Invalid component name: “_Ctor“. Component names should conform to valid cus
sherlyxoxo的博客
08-21 1258
Invalid component name
Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
最新发布
qq_71214810的博客
02-02 881
发现如图错误，虽然是警告，但是还是想把他搞掉，有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题，vue文件的name的命名不规范引起的。虽然问题解决了，又有新问题了。名称必须符合一定的规则，否则将报错。
解决componentName失效问题
莫理琴的专栏
12-30 9228
使用struts2-core-2.0.11.1.jar发现在输出 s:总出现,由于所看文档是说去掉struts提供的风格只要使用theme="simple"就可以。找了一些资料也没解决最后逼不得已修改了struts2-core-2.0.11.1.jar/template/simple/fielderror.ftl,修改完毕，保存，重新添加到jar包里面。发现问题OK了。  /*
vue悬浮提示Invalid component name: "档案管理". Component names should conform to valid custom element name in html5 specification.
07-27
Vue 组件的命名需要遵守 HTML5 规范中的有效自定义元素命名规则。根据 HTML5 规范，自定义元素的名称必须满足以下要求： - 名称不能以一个大写字母开头。 - 名称必须包含一个短横线（-）。 - 名称不能包含大写字母（除非整个名称都是大写字母）。 - 名称必须至少包含一个字符，且不能以短横线结尾。 所以，"档案管理" 不符合 Vue 组件命名规范。你可以尝试修改组件名称，例如使用 "archive-management" 或其他符合规范的名称。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值