在 Vue.js 的 eslint 中删除“组件已注册但未使用”

Posted 2023-03-27

【中文标题】在 Vue.js 的 eslint 中删除“组件已注册但未使用”

【英文标题】：Remove 'component has been registered but not used' in eslint for Vue.js

【发布时间】：2020-09-27 05:41:02

【问题描述】：

我正在实现我使用的动态组件：

<component :is="component_name"></component>

但是，eslint 不断返回：

60:16 错误“组件”组件已注册但未使用 vue/no-unused-components

如何在 eslint 上禁用上述规则？

【参考方案1】：

您可以通过在 javascript 文件顶部编写以下内容来禁用该特定 ESLint 规则：/* eslint-disable vue/no-unused-components */。请注意，这可能位于单文件组件（即.vue 文件）中的第一个<script> 标记之后。

但是，在您的情况下，您可能会发现通过将以下内容附加到导致错误的有问题行的末尾来禁用特定行的此错误更有用：// eslint-disable-line vue/no-unused-components。

【讨论】：

这在动态添加/删除组件时非常有用。谢谢！