Vue报错：component has been registered but not used

原因：

​​eslint​​代码检查到你注册了组件但没有使用，然后就报错了。比如代码：

比如​​Vue​​​中注册了​​File​​组件，而实际上却没有使用到：

...
  import File from "../../components/file";
  export default {
    components: {Pagination, File},
...

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

方法一：

修改项目的​​package.json​​

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

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

方法二：

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

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

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

PS：如果不生效，可以多试一次。