Javascript &引用；错误：组件series.line不存在。先装上它。”；在vue echarts

我导入了

行

组件，但它仍然在抱怨。我使用

vue cli 3

并根据创建了我的项目，但在我的项目中找不到

vue.config.js

。因此，我手动创建了

vue.config.js

，并将其放在

babel.config.js

的同一文件夹中，它破坏了我的路由器

这是我的折线图：

<template>
  <v-chart :options="options"/>
</template>


<script>
import ECharts from 'vue-echarts/components/ECharts'
import 'echarts/lib/chart/line'

export default {
  name: 'line-chart',

  components: {
    'v-chart': ECharts
  },

  props: {
    data: Object
  },

  data () {
    return {
      options: {
        xAxis: {
          type: 'category',
          data: this.data.xAxis
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          type: 'line',
          data: this.data.values
        }],
        animationEasing: 'linear'
      }
    }
  }
}

</script>

从“vue ECharts/components/ECharts”导入ECharts
导入“echarts/lib/chart/line”
导出默认值{
名称：'折线图'，
组成部分：{
“v形图”：ECharts
},
道具：{
数据：对象
},
数据（）{
返回{
选项：{
xAxis：{
类型：'类别'，
数据：this.data.xAxis
},
亚克斯：{
类型：“值”
},
系列：[{
键入：“行”，
数据：this.data.values
}],
动画化：“线性”
}
}
}
}

//在my main.js中

import ECharts from 'vue-echarts/components/ECharts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'

Vue.component('v-chart', ECharts);
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/polar'
import 'echarts/lib/component/tooltip'

导出默认值{
数据：函数（）{
让数据=[]
for（设i=0；i