报错Unknown custom element: <xxx> - did you register the component correctly?的原因及解决办法

报错信息

报错Unknown custom element: <xxx> - did you register the component correctly?的原因及解决办法_第1张图片

components代码

报错Unknown custom element: <xxx> - did you register the component correctly?的原因及解决办法_第2张图片

导致出错的可能的原因

  1. 把components写成了component
  2. import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue”
  3. 代码中有两个components,后一个的值把前一个覆盖了

解决方案

  • 逐一对照上述3种可能导致出错原因,然后做对应修改即可解决问题
  • 我是第3个原因,被坑到差点怀疑人生,看到这篇文章的小伙伴你是什么原因?
  • 欢迎补充

你可能感兴趣的:(笔记,vue.js,npm,经验分享,javascript,前端)