Vue.js 已声明但从未使用的变量

[这里是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'
    }
  ]
})

剩下的你可以看看这个回购协议，它只有很少的文件 这个错误快把我逼疯了，我不知道为什么它没有编译

./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 | 

---

我缺少什么？

在

组件：“作业”中不需要使用单引号。

您可能想做的是使用您的组件：

...
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 }
]

---

它在抱怨，显然，当您使用Vue CLI创建项目时，您将linter设置为使用某些linting规则，例如“air bnb”，但路由器中使用了作业组件，因此linter不应该抱怨，除非配置错误。