Solution:
you need to add * as when importing the package:

import * as echarts from 'echarts';

Type

Read More:

• How to Solve Echarts Error: import echarts from ‘echarts‘
• Echars 5.0 Import Error: “export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’
• VUE Echarts Loading Error TypeError: Cannot read property getAttribute of null？
• [Solved] Cannot read properties of undefined (reading ‘ajax‘); Cannot read property ‘ajax‘ of undefined
• [Solved] Vue + uniapp Uncaught TypeError: Cannot read property ‘getters‘ of undefined
• The use of vue-echarts and compilation error solutions
• [Solved] ECharts Console Error: `resize` should not be called during main process
• Can’t read property ‘push’ of undefined [How to Solve]
• [Solved] Parcel Package Error: Cannot read property ‘length‘ of undefined
• [Solved] Vue Error: Uncaught TypeError: Cannot read property ‘getters‘ of undefined
• [Solved] TypeError: Cannot read property ‘indexOf‘ of undefined at VueComponent.resetFields
• [Vue warn]: Error in render: TypeError: Cannot read property ‘xxxx’of undefined
• cesium CLAMP_TO_GROUND Error Cannot read property ‘globe‘ of undefined
• Vue error in render: “typeerror: cannot read property ‘length’ of undefined”
• Wechat program typeerror: a solution to cannot read property ‘SetData’ of undefined
• [Solved] VUE Use Filters Error: [Vue warn]: Error in render: “TypeError: Cannot read property ‘toFixed’ of undefined”
• [Solved] Mpvue+Echarts error: ‘regions‘undefined
• Uniapp: TypeError: Cannot read property ‘apply‘ of undefined (H5 does not report an error, but the real machine runs with an error)
• [Solved] Angular Start Project Error: The target entry-point “ngx-echarts“ has missing dependencies: – @juggle/resi