原因:
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:如果不生效,可以多试一次。