今天自学到vue的脚手架,跟着张天禹老师做了简单的脚手架实例,但是我遇到了一个坑,也是自己的粗心大意吧,耽误了不少时间,特来记录一下。
问题描述
脚手架启动完毕,控制台报错,组件名称不规范
[Vue warn]: Invalid component name: "Student ". Component names should conform to valid custom element name in html5 specification.
导致问题的原因及解决方案
终极原因就是我不小心习惯性的打了一个空格,因为是新手,所以在排查的时候,也没有注意到这么细节的问题,也怪自己太菜了~
总结
- 报错了,一定要从报错信息下手,因为通常报错信息都会告诉我们哪个位置出错了,这样就能提高我们解决问题的效率
- 如果自己长时间都找不到问题的所在,可以选择求助身边的朋友,因为不同人看待问题的角度是不一样的,也可以给你带来更多的思路
- 书写代码规范一定要注意,不要随意的增加空格,空格,空格!!!