Vue报错:component has been registered but not used

简介: Vue报错:component has been registered but not used

原因:

eslint代码检查到你注册了组件但没有使用,然后就报错了。比如代码:

比如Vue中注册了File组件,而实际上却没有使用到:

...
  import File from "../../components/file";
  export default {
    components: {Pagination, File},
...


此时你可以取消注册即可,当然,有些时候我们并不想要取消,不更改代码,可以有两种解决办法:


方法一:


修改项目的package.json

在package.json中找到eslintConfig下的rules,增加"vue/no-unused-components": "off"即可:

"eslintConfig": {
  "rules": {
    "vue/no-unused-components": "off"
  }
}


方法二:

如果项目中有eslintrc.js文件,也是一样添加上即可:

rules: {
  "vue/no-unused-components": "off"
}


这两种使用其中任意一种都可以,修改好后重新启动一下项目,注意:如果两个文件都修改了的话,eslintrc.js文件的优先级更高。


PS:如果不生效,可以多试一次。



相关文章
|
4天前
|
JavaScript 前端开发 安全
Vue响应式设计
【5月更文挑战第30天】Vue响应式设计
25 1
|
4天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
4天前
|
资源调度 JavaScript UED
vue路由的基础知识总结,vueRouter插件的安装与使用
vue路由的基础知识总结,vueRouter插件的安装与使用
|
4天前
|
JavaScript
|
JavaScript UED Windows
vue的学习之路(Vue中组件(component )
vue的学习之路(Vue中组件(component )
vue的学习之路(Vue中组件(component )
|
4天前
|
编解码 JavaScript API
Vue在移动端的表现如何?
【5月更文挑战第30天】Vue在移动端的表现如何?
11 2
|
4天前
|
JavaScript 前端开发 API
Vue与其他框架的对比优势
【5月更文挑战第30天】Vue与其他框架的对比优势
11 1
|
5天前
|
JavaScript
Vue常用知识点总结
Vue常用知识点总结
12 0
|
5天前
|
JavaScript Java 测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
25 7
|
5天前
|
JSON JavaScript 前端开发