报错信息: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 文件 

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

Logo

前往低代码交流专区

更多推荐