vue-cli 是4 了，vue-echarts 到6 版本了 echarts 到5了

Question

按照之前的写法，报表出不来了

Answer 1

扬_灵 2021-06-15 17:19:41

同学你好，这里是版本升级的问题，你可以在项目中通过npm install echarts@版本号 来继续使用课程中的echarts4和vue-echarts5的版本，或者在项目中使用echarts5和vue-echarts6的版本，但是需要对项目代码进行修改，首先echarts5的导入方式已经改成下面的方式

import * as ECharts from 'echarts'

其次vue-echarts6的使用中需要安装@vue/composition-api，图表的配置项目options已经改为了option，可以看一下vue-echarts6的更新文档https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md#%E8%BF%81%E7%A7%BB%E5%88%B0-v6  

• 提问者 小小小小牛 #1

  谢谢 ，我试一下呢

• 提问者 小小小小牛 #2

  谢谢，没有报错了，正常显示了

• 提问者 小小小小牛 #3

  谢谢 ，正常展示了呢

Answer 2

扬_灵 2021-06-13 09:31:00

同学你好，可以把你的项目上传到github或是码云这些代码托管平台，把地址发我一下，我在本地帮你定位测试一下问题。

• 提问者 小小小小牛 #1

  就是 node_modules  里   echarts 的版本是最新的，vue-echarts 版本是最新的，原来的代码就报错了

• 提问者 小小小小牛 #2

  "echarts": "^5.1.2",
      "vue": "^2.6.11",
      "vue-echarts": "^6.0.0-rc.6",