Vue 报错Error in mounted hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)“

 搭建项目配置Echarts地图时，在运行时vscode不会报错正常运行，但开发者工具仍然报出“Error in mounted hook: "TypeError: Cannot read properties of null (reading 'getAttribute')"错误，并且不显示配置地图，具体如下

 

【解决过程】： 

 在CSDN，掘金，简书等一系列查找都没有看到相对应的解决方法，一脸懵，里面大多数报错都是跟自己相类似的，但又完全不是的

 

 查看代码，并没有发现什么异常

 

 将代码使用控制台打印，能正常显示，且不出现报错情况，顿时赶脚不妙

 

 

 一时间都能打印出来，查看地图配置区域，发现是id值，而自己div里给的是class，结果调用的也是class值

 

 

 将class改为id,

报错消失了，并且显示了

 

这个真的是个小的一个细节，最后想想这么小的问题引来的报错，让自己还束手无策了，当然这不仅仅是一次报错更是一次进步