error The “SchoolName” component has been registered but not used vue/no-unused-components

背景
当创建项目时选择了 eslint ,那么当存在定义而未使用的组件,或存在定义而未使用的变量时,会报错。。

Note: 我用的是 Vue3.0 。

原因分析
即 eslint 默认规则导致了不必要的报错。

解决方法
修改规则
如果开启了 eslint ,新增 Component 时,报错:

The “EchartsDemo” component has been registered but not used vue/no-unused-components

解决方法:在 package.json 或 .eslintrc.js (如果存在此文件的话)的eslintConfig下添加:

“rules”: {
“vue/no-unused-components”: “off”, // 当存在定义而未使用的组件时,关闭报错
“no-unused-vars”:”off” // 当存在定义而未使用的变量时,关闭报错
}

Note:如果两个文件都修改了的话, eslintrc.js 文件的优先级更高。

如何关闭 eslint ?
方案一:不使用eslint ,当然,可以在创建项目时不选择 eslint ,可是一般遇到这种问题的,显然是引入了 eslint 。。

方案二:关闭 eslint ,在 vue.config.js 添加一行配置: lintOnSave: false 。

If you have any questions or any bugs are found, please feel free to contact me.

Your comments and suggestions are welcome!

分类:

发表评论