小白提醒一句,遇到这个错误的时候先在引组件的地方往下翻翻,看看是不是多写了一个导致冲突了,不然到最后你会很后悔,不信你往下看就知道了……

       今天给项目添加新需求,引入组件的时候踩到一个坑,搞不懂是哪里出了问题,组件引的也没毛病,单词也没拼错,就纳闷为什么只能显示出我随便打的字母,组件内容却显示不出来,项目运行也没报错,无奈打开控制台,这醒目的红色……

      英语菜鸟翻译一下是“未知自定义元素:<BasicInformation>-是否正确注册了组件?对于递归组件,请确保提供“name”选项。”,我还专门去确认了组件是否拼错了,又搜索了好多方法,比如说main.js中的import Vue from 'vue'改成了import Vue from'vue/dist/vue.min.js',试过没用;还有很多说组件不能用大写,我也是翻了个白眼,一直组件都是驼峰式写法也没出错……

      折腾了一阵子,也是最终找到了问题所在,搞得我哭笑不得,是我师父在下面写了一个空的components: {},而我都是写在最上面,引组件的时候直接写了,压根儿没想到我师父已经写了一个空的,我不知道该说些什么……

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐