组件已注册，但未使用vue/无未使用-组件。
组件已注册，但未使用vue/无未使用-组件。
提问于 2020-01-20 10:32:00
创建组件EmployeeTable.vue，然后将其导出为
<script>
export default {
name: "employee-table"
};
</script>但是当我在App.vue中导入它时，如下面的import EmployeeTable from "@/components/EmployeeTable.vue";所示，我得到了这个错误
error The "EmployeeTable" component has been registered but not used vue/no-unused-components回答 9
Stack Overflow用户
回答已采纳
发布于 2020-01-20 10:40:39
这是你的装置。您可以将其更改为不那么严格的规则，或者您可以修复这个实际问题。1.确保在App.vue中您在以下组件部分中注册了它：
...
components: {
EmployeeTable
},
...- 确保在
App.vue模板：
中使用了它
<EmployeeTable />Stack Overflow用户
发布于 2020-10-07 02:35:27
使用组件而不是组件
Components: {
EmployeeTable
},Stack Overflow用户
发布于 2020-11-28 03:15:03
以正确的方式避免错误
我假设OP遇到这种情况的原因与我所做的一样: App包括ComponentA，其中包括ComponentB。但是我们错误地将ComponentB包含在App.vue中，即使它不是直接在那里使用的。(一开始我没有意识到导入和组件列表应该在每个组件中，而不是在toplevel .vue文件中。)
在这种情况下，避免错误的方法是让ComponentA.vue拥有：
import ComponentB from './ComponentB.vue'
export default {
name: 'ComponentA',
components: {
ComponentB
},
...
}注意:不要在ComponentB中包括App.vue。这里没有直接引用它，这就是linter警告你的地方。
关闭警告(最后手段)
如果您出于其他原因按此警告，并且确实需要在linter中关闭它，请编辑package.json。找到"eslintConfig": {...}的部分并确保它包括"rules": {"vue/no-unused-components": "off"}。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59821385
复制相关文章
相似问题
腾讯云开发者
