Component legend.scroll not exists. Load it first Echarts按需引入各模块

先看问题

Component legend.scroll not exists. Load it first–

这是由于echarts报错引起的一个问题，大概意思就是说，我们缺少一个模块，让我们先引入这个模块；

如何引起的
我们在优化代码时，为了减少包的体积，对echarts做了按需引入，大概如下；

// 按需加载echarts

// 引入主模块
import echarts from 'echarts/lib/echarts';

// 引入工具模块
import 'echarts/lib/component/legend';
import 'echarts/lib/component/dataZoom';
import 'echarts/lib/component/title';
import 'echarts/lib/component/axis';
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/markPoint';
import 'echarts/lib/component/markLine';
import 'echarts/lib/component/timeline';

// 引入图表模块
import 'echarts/lib/chart/bar';
import 'echarts/lib/chart/line';
import 'echarts/lib/chart/pie';

我们需要使用scroll功能，但是没有引入scroll这个模块，这时会出现上面题目中的报错；

这个其实是很常见的一类问题；

如何解决
这类问题很简单，引入所需的模块即可

import 'echarts/lib/component/legendScroll';

我们再来看下，echarts按需引入的模块都有哪些

import echarts from 'echarts/lib/echarts';
import "echarts/lib/chart/line";
import "echarts/lib/chart/bar";
import "echarts/lib/chart/pie";
import "echarts/lib/chart/scatter";
import "echarts/lib/chart/radar";
import "echarts/lib/chart/map";
import "echarts/lib/chart/tree";
import "echarts/lib/chart/treemap";
import "echarts/lib/chart/graph";
import "echarts/lib/chart/gauge";
import "echarts/lib/chart/funnel";
import "echarts/lib/chart/parallel";
import "echarts/lib/chart/sankey";
import "echarts/lib/chart/boxplot";
import "echarts/lib/chart/candlestick";
import "echarts/lib/chart/effectScatter";
import "echarts/lib/chart/lines";
import "echarts/lib/chart/heatmap";
import "echarts/lib/chart/pictorialBar";
import "echarts/lib/chart/themeRiver";
import "echarts/lib/chart/sunburst";
import "echarts/lib/chart/custom";
import "echarts/lib/component/grid";
import "echarts/lib/component/polar";
import "echarts/lib/component/geo";
import "echarts/lib/component/singleAxis";
import "echarts/lib/component/parallel";
import "echarts/lib/component/calendar";
import "echarts/lib/component/graphic";
import "echarts/lib/component/toolbox";
import "echarts/lib/component/tooltip";
import "echarts/lib/component/axisPointer";
import "echarts/lib/component/brush";
import "echarts/lib/component/title";
import "echarts/lib/component/timeline";
import "echarts/lib/component/markPoint";
import "echarts/lib/component/markLine";
import "echarts/lib/component/markArea";
import "echarts/lib/component/legendScroll";
import "echarts/lib/component/legend";
import "echarts/lib/component/dataZoom";
import "echarts/lib/component/dataZoomInside";
import "echarts/lib/component/dataZoomSlider";
import "echarts/lib/component/visualMap";
import "echarts/lib/component/visualMapContinuous";
import "echarts/lib/component/visualMapPiecewise";
import "echarts/lib/component/dataset";
import "echarts/zrender/lib/vml/vml";
import "echarts/zrender/lib/svg/svg";