Vue报错:component has been registered but not used
Vue报错:component has been registered but not used
·
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文件的优先级更高。
更多推荐
已为社区贡献1条内容
所有评论(0)