【Vue3】CompositionAPI エラー集

以下、自分が過去にあたって解決したエラーを時間がある時にまとめている作業用メモです。
追加していけそうなら、適宜追加していきます。
ただ、殴り書きみたいに記録しているので、原因までは書けていないことも。。

Unexpected token

【解決】定義している関数の閉じたタグがなく、エラーになった。「予期しないトークン」とあり、矢印が示すのもvalue部分で特におかしなところがなかったので、一瞬何が原因かわからなくなってしまった。

[plugin:vite:vue] [vue/compiler-sfc] Unexpected token (21:0)

/Users/ユーザー名/Develop/vue/vue3_comApi_mail_form/vue-project/src/components/MailForm.vue
23 |
/Users/ユーザー名/Develop/vue/vue3_comApi_mail_form/vue-project/src/components/MailForm.vue:21:0
17 |  
18 |  const nextStep = () => {
19 |    if (currentStep.value < steps.value.length - 1) {
   |                                                         ^
20 |      currentStep.value++;
21 |    }

has no adjacent

【解決】v-ifディレクティブのdivの閉じタグが1つ足りていなかったので、適切な場所に補うことで解決。

v-else/v-else-if has no adjacent v-if or v-else-if.
// 訳)v-else/v-else-ifは、隣接するv-ifまたはv-else-ifを持たない(がない)。

この記事を書いた人