引入子组件报错解决：the ***component has been registered but not used

在使用vue编写项目时，有时候修改了代码导致vue中注册的组件并没有在html中使用，这时候编译器会报错：vue注册了组件未使用报错：The “HelloWorld” component has been registered but not used vue/no-unused-components
不报错示例：

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

vue注册了组件未使用示例：

<template>
  <div id="app">
    <img src="./assets/logo.png">
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

报错：

解决方法：
1.暴力取消注册
2.修改项目的package.json
在package.json中找到eslintConfig下的rules，增加"vue/no-unused-components": "off"即可

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