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