【报错】nginx部署项目后Echarts折线图无法展示

报错

vue3+TS+Arco项目打包之后nginx部署之后Echarts折线图无法正常展示，报错信息如下

分析

原因是在定义div时，使用了vue2中的$refs语法，渲染dom进行绘制echarts时，拿到dom元素之后无法进行 init 初始化，因此 Cannot read properties of undefined(reading 'setOption')报错。

解决

在取dom元素进行渲染时，使用原生的 document.getElwmwntById进行拿取 dom 元素，之后就可正常对echart 进行 init 初始化

小Tips

输入 cmd 进入命令行窗口