chore(compiler-core): improve X_V_IF_KEY error message (#1757)

vuejs · Aug 3, 2020 · 86cdf66 · 86cdf66
1 parent 0cd98c3
commit 86cdf66
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/compiler-core/src/errors.ts b/packages/compiler-core/src/errors.ts
@@ -136,7 +136,10 @@ export const errorMessages: { [code: number]: string } = {
 
   // transform errors
   [ErrorCodes.X_V_IF_NO_EXPRESSION]: `v-if/v-else-if is missing expression.`,
-  [ErrorCodes.X_V_IF_KEY]: `v-if branches must use compiler generated keys.`,
+  [ErrorCodes.X_V_IF_KEY]:
+    `v-if branches must use compiler generated keys. ` +
+    `In many cases, you can simply remove this key. ` +
+    `If this tag is inside of a <template v-for="...">, then you can move the key up to the parent <template>.`,
   [ErrorCodes.X_V_ELSE_NO_ADJACENT_IF]: `v-else/v-else-if has no adjacent v-if.`,
   [ErrorCodes.X_V_FOR_NO_EXPRESSION]: `v-for is missing expression.`,
   [ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION]: `v-for has invalid expression.`,