vue3setup语法糖，引入局部组件，使用短横线命名报错，什么问题，如何解决？-灵析社区
导师小jio由于规范需要使用短横线命名组件，但是报错'EditModal' is defined but never used.eslint@typescript-eslint/no-unused-vars import EditModal 是什么问题，如何解决 { editModal.visible = false; } " @ok=" () => { editModal.visible = false; reload(); } " /> import EditModal from './edit-modal/index.vue';
ciiiiinema意思是你注册了EditModal这个变量，但是没有使用，它没有把这个变量与模板中驼峰转横线后的组件对应上
1、配置no-unused-vars检验规则
module.exports = {
rules: {
// 禁用
"@typescript-eslint/no-unused-vars": "off"
// 将错误提示改为警告
"@typescript-eslint/no-unused-vars": "warn"
// 通过varsIgnorePattern配置忽略某些变量
"@typescript-eslint/no-unused-vars": ["error", {
"args": "none",
"varsIgnorePattern": "^([A-Z][a-z]*?)+$"
}]
}
}
2、通过注释来忽略检验
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import EditModal from './edit-modal/index.vue';