你提到的问题看起来是由几个因素引起的。
首先，从你的代码中可以看出，你导入的 EditModal 组件没有被使用。ESLint 报错 'EditModal' is defined but never used. 的意思就是你的代码中定义了 EditModal，但是并没有使用它。尽管你在模板中使用了 edit-modal（看起来像是一个 Vue 组件），但你并没有在脚本部分中导入和引用它。
其次，在 Vue3 的 <script setup> 中，如果你想引入一个组件，你应该直接在 script 标签中使用 ref 或者 defineComponent，而不是像传统的 export default 那样去引入。
根据你的需求，你可能需要更改你的代码为以下形式：
<template>
<edit-modal ref="editModal"
:model="editModal.model"
:visible="editModal.visible"
@cancel="() => { editModal.visible = false; }"
@ok="() => { editModal.visible = false; reload(); }"
/>
</template>
<script setup lang="ts">
import { ref, defineComponent } from "vue";
import EditModal from './edit-modal/index.vue';
const modal = defineComponent({
name: 'EditModal',
components: { EditModal },
setup() {
const editModal = ref(null);
// 其他代码...
return { editModal };
}
});
</script>
在上述代码中，我使用了 ref 和 defineComponent，这样你就可以在模板中使用 editModal 并在 <script setup> 中访问它了。需要注意的是，组件 EditModal 需要在 components 对象中注册，这样 Vue 才能识别它。
另外，关于 ESLint 的报错，如果你确定 EditModal 是需要被使用的，那么这个报错可以忽略。如果你想消除这个报错，你可以在代码的其它地方使用 EditModal 或者导出它。如果 EditModal 不被使用是正确的，你可以在 ESLint 配置文件中禁用这个规则或者在该文件中为 EditModal 添加一个例外。
极客观点
项目管理
HarmonyOS
意思是你注册了EditModal这个变量，但是没有使用，它没有把这个变量与模板中驼峰转横线后的组件对应上
1、配置no-unused-vars检验规则
2、通过注释来忽略检验