VUE4.0+Echarts 3D

轉載請標明出處，全網最新vue4.x解決辦法，謝謝。

先描述問題

//1.依賴包：
npm install echarts -S
npm install echarts-gl -S
//2main.js:
import echarts from ‘echarts’
import ‘echarts-gl’
Vue.prototype.$echarts = echarts

按照這個步驟安裝之後，發現node_modules下只有echarts-gl文件夾

然後頁面報錯Component series.map3D not exists. Load it first

解決辦法：

1、安裝echarts echarts-gl

npm install echarts echarts-gl

2，在main.js引入

import echarts from 'echarts';
// import 'echarts-gl';
import echartsGL from 'echarts-gl'


Vue.prototype.$echarts = echarts;
Vue.prototype.$echartsGL = echartsGL;

重新啓動項目之後，發現平面圖和3D圖都可以出來，完美解決