ошибка Компонент "Логин" был зарегистрирован, но не использовался vue / no-unused-components

Question

Я получаю следующую ошибку:
Компонент «Логин» был зарегистрирован, но не использовался vue / no-unused-components и error Компонент «HelloWorld» был зарегистрирован, но не использовался vue / no-unused-components .
но почему это дает, я не понимаю. я новичок в vue.

router.js

import Vue from 'vue'
import VueRouter from 'vue-router';
import Login from './components/Login.vue';
import HelloWorld from './components/HelloWorld.vue';

Vue.use(VueRouter)

export default new VueRouter({
    routes: [
        {
            path: '/',
            name: 'Login',
            component: Login
        },
        {
            path: '/helloworld',
            name: 'Helloworld',
           component: HelloWorld
        },
    ]
})

App.vue

 <template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import Login from './components/Login.vue'
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
      Login,
      HelloWorld
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
   }
</style>

Answer 1

В вашем приложении. vue вы не должны импортировать Login и HelloWorld. Об этом позаботится маршрутизатор vue в файле router. js. Вы можете удалить следующие строки из своего приложения. vue

<script>
import Login from './components/Login.vue' //remove this line
import HelloWorld from './components/HelloWorld.vue' //remove this line

...
...
components: {
      Login, //remove this line
      HelloWorld //remove this line
  }
....

Теперь, некоторая информация об ошибке, которую вы получили, потому что я уверен, что вы будете снова получать эту же ошибку в других местах Проект, как вы продолжаете развиваться. Ошибка, которую вы получили, из-за того, что eslint обнаружил две переменные, которые нигде не используются в файле. Eslint помогает улучшить качество кода и уменьшить размер пакета, уведомляя о многих ошибках, которые вы получили. Вы можете отключить этот конкретный пух с помощью.

<script>
/* eslint-disable vue/no-unused-components */
...

Или вы можете отключить все eslint с помощью /* eslint-disable */ Есть много других правил, которые вы можете применить для eslint, проверьте здесь, https://eslint.org/docs/rules/