Vue报错：component has been registered but not used

错误展示

报错原因：

eslint代码检查到你注册了组件但没有使用，然后就报错了。
比如Vue中注册了 ShopList组件，而实际上却没有使用到：

import ShopList from './components/ShopList.vue'
export default {
  name: 'App',
  components: {
   ShopList,
  },
}

此时你可以取消注册即可，当然，有些时候我们并不想要取消，不更改代码，可以有两种解决办法：

方法一

修改项目的package.json。

在package.json中找到eslintConfig下的rules，增加"vue/no-unused-components": "off"即可.

方法二

如果项目中有eslintrc.js文件，也是一样添加上即可：

 "rules": {
      "vue/no-unused-components": "off"
    }

这两种使用其中任意一种都可以，修改好后重新启动一下项目。
注意：如果两个文件都修改了的话，eslintrc.js文件的优先级更高。