Echarts打包后出现白屏
原因:这是由于图表的容器节点被移除导致的。即使之后该节点被重新添加,图表所在的节点也已经不存在了。
解决方法:(利用钩子函数在页面销毁之前将其销毁即可)
import { onBeforeUnmount } from 'vue'
onBeforeUnmount(() => {
if (myChart) echarts.dispose(myChart)
})
官方文档也提示:在容器节点被销毁时,总是应调用 echartsInstance.dispose 以销毁实例释放资源,避免内存泄漏。