【ESLint Error】vueのno-v-for-template-keyとno-v-for-template-key-on-childが同時に出た時の対処法｜SHIFT Group 技術ブログ

挨拶・背景こんにちは！ 現在、SHIFTの開発支援プロダクト推進部にてTB Projectに参加しております、yasudaです。 今回は、開発時にハマったESLintのエラーについて共有できればと思います。 過去記事： 想定している対象読者ESLintを用いた開発環境でvue2系,vue3系を利用している人 そもそもどんなエラー？'template' cannot be keyed. Place the key on real elements instead.これは、vue/no-v-for-template-keyという名前のESLintエラーなのですが、「templateタグにkeyを置いちゃだめだよ、keyは代わりに本物のタグの方に置いて！」という旨のエラーとなります。どういう事かというと、 <template v-for="item in list" :key="item.id"