vue引入DataV时的报错解决办法 Internal server error: ＜template v-for＞ key should be placed on the ＜template＞ ta

报错信息：Internal server error: <template v-for> key should be placed on the <template> tag.

File: D:/vue-datav/node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11
6  |        >
7  |          <rect
8  |            :key="i"
   |             ^
9  |            :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
10 |            :x="point[0] - halfRectWidth"

解决方案：

根据报错信息，可以找到项目中报错文件的目录：D:/vue-datav/node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11

打开这个文件，发现报错原因是 :key="i"  没有放在 template 标签里

所以，我们直接吧 :key="i" 剪切到 template 标签里面，保存代码

 

注意，这样的报错文件有两个！！！ 

它们在相同的目录： /项目根目录/node_modules/@jiaminghi/data-view/lib/components/ 下面

一个是 decoration6 目录下 /src/main.vue:8:11 文件

另一个是 decoration3 目录下 /src/main.vue:9:11 文件 

按照同样的步骤修改即可！最后重启项目。