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文件的优先级更高。

巴特西