自学内容网 自学内容网

vue3中使用VChart在开发环境正常运行,打包到线上报错空白

参考github:[Bug] 在 Vue 中使用 VChart, 开发环境正常运行, 打包后在线上出现报错:this.contributions.forEach is not a function · Issue #2800 · VisActor/VChart · GitHub

线上报错:

此时VChart引入方式:

import { VChart, ISpec } from '@visactor/vchart';

原因:

使用按需加载,打包的时候做了tree-shaking 把一些组件给去掉了

修改方式1:

import { default as VChart, ISpec  } from '@visactor/vchart';

修改方式2:

import VChart  from '@visactor/vchart';
import { ISpec }  from '@visactor/vchart';

发现过程:

1.找到VChart的引用库:@visactor/vchart

2.在浏览器中找到链接:VChart —— 不只是开箱即用的多端图表库,更是生动灵活的数据故事讲述者

3.找到github链接:GitHub - VisActor/VChart: VChart, more than just a cross-platform charting library, but also an expressive data storyteller.

4.在issues中搜索:”打包“


原文地址:https://blog.csdn.net/Mrs_Lupin/article/details/145312263

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!