Vue中Unknown custom element: - did you register the component correctly? 解决方法

先抛出几种问题可能引发这个报错
1.

//引入全局图片裁剪
 import VueCropper from 'vue-cropper'
 Vue.use(VueCropper)

比如我引用了vue-cropper的这个插件去剪裁上传图片时的大小问题,
在main.js当中全局注册后,npm run dev
F12报错

Unknown custom element: - did you register the component correctly?
我用的vscode编辑器 插件引入后鼠标放在路径上面会显示插件所处位置
而引发的这个报错则如下图红色框内

会提示找不到这个模块, 说明我之前的npm install vue-cropper 没有装成功这个插件

2.

vue.js当中做项目有的时候也会有这个报错

是因为组件的使用与实例的顺序问题, 如下

var app=new Vue({
    el:'#app'
});
Vue.component('alert',{
    template:'<span>1231231</span>'
});

解决方法: 将组件放在实例上面即可

3.
查看一下组件定义的名字和实际在模板中使用组件时的名字是否一致

4.
查看一下组件引用路径是否正确，注意@代表/src，另外./表示当前目录下，…/表示上一级目录