@[TOC]

一、报错

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

二、分析

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

三、解决

1、解决方式一，不建议使用

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

2、解决方式二，建议使用

• 使用ref获取div
• 定义const echart = ref();
• 在onmounted中进行init：echarts.init(echart.value, 'macarons');
• 使用nextTick进行异步绘制数据
  ```js
  
  
  

```

四、小Tips

输入 cmd 进入命令行窗口