vue引入DataV时的报错解决办法 Internal server error: <template v-for> key should be placed on the <template> ta
报错信息:Internal server error:key should be placed on thetag.
·
报错信息: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 文件
按照同样的步骤修改即可!最后重启项目。
更多推荐
已为社区贡献3条内容
所有评论(0)