Переменная объявлена, но никогда не использовалась - PullRequest
Новая
       43

Переменная объявлена, но никогда не использовалась

2 голосов
/ 09 ноября 2019

[новичок в Vue здесь] Я видел много похожих вопросов, но нет ответов, которые бы помогли мне решить мою ошибку.

Я строю небольшой проект Vue и сейчас пытаюсь отделить егона более мелкие компоненты и виды.

Мой router.js выглядит следующим образом: 

import Vue from 'vue'
import Router from 'vue-router'
import Jobs from './components/Jobs.vue'
import Companies from './components/Companies.vue'
import Events from './components/Events.vue'


Vue.use(Router)

export default new Router ({
  routes: [
    {
      path: '/jobs',
      name: 'jobs',
      component: 'Jobs'
    },
    {
      path: '/companies',
      name: 'companies',
      component: 'Companies'
    },
    {
      path: '/events',
      name: 'events',
      component: 'Events'
    }
  ]
})

А в остальном вы можете проверить этот репозиторий, очень мало файлов https://github.com/anaivanm/vue-tw/Эта ошибка сводит меня с ума, и я понятия не имею, почему она не компилируется. 


./src/router.js
Module Error (from ./node_modules/eslint-loader/index.js):
error: 'Jobs' is defined but never used (no-unused-vars) at src/router.js:3:8:
  1 | import Vue from 'vue'
  2 | import Router from 'vue-router'
> 3 | import Jobs from './components/Jobs.vue'
    |        ^
  4 | import Companies from './components/Companies.vue'
  5 | import Events from './components/Events.vue'
  6 |

Чего мне не хватает?

1 Ответ

0 голосов
/ 09 ноября 2019

Нет необходимости использовать одинарные кавычки в component: 'Jobs', что вы, вероятно, хотели бы использовать вместо этого: 

...
import Jobs from './components/Jobs.vue'
...

export default new Router ({
  routes: [
    {
      path: '/jobs',
      name: 'jobs',
      component: Jobs
    },
...

Убедитесь, что вы настроили Vue.Router точно так же, какобъяснил на своей официальной странице .

Вот цитата оттуда: 

// 2. Define some routes
// Each route should map to a component. The "component" can
// either be an actual component constructor created via
// `Vue.extend()`, or just a component options object.
// We'll talk about nested routes later.
const routes = [
  { path: '/foo', component: Foo },
  { path: '/bar', component: Bar }
]
...