Vue项目中eslint提示 'xxx' is defined

使用Vue开发项目时，经常会引入一些第三方组件和公共方法。

问题

就比如下面，我们使用了两个组件，方法是没有啥问题。

<template>
  <el-row :gutter="15" class="m-header">
    <el-col :span="6">
      <Geo />
    </el-col>
  </el-row>
</template>

<script>
  import Geo from './geo.vue' . // 会报错  'Geo' is defined but never used
  export default {}
</script>

但是保存的时候就出现了如下错误

    'Geo' is defined but never used. eslint(no-unused-vars) [10,10]

解决办法

找到.eslintrc.js文件，在rules里面添加上如下代码，就可以去掉提示了。

    "no-unused-vars": 'off'

rules: {
    'no-unused-vars': 'off'
}