chore: more detailed teleport target warning

close #1629
vuejs · Jul 19, 2020 · b3af5db · b3af5db
1 parent f9826fa
commit b3af5db
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/runtime-core/src/components/Teleport.ts b/packages/runtime-core/src/components/Teleport.ts
@@ -41,7 +41,10 @@ const resolveTarget = <T = RendererElement>(
       if (!target) {
         __DEV__ &&
           warn(
-            `Failed to locate Teleport target with selector "${targetSelector}".`
+            `Failed to locate Teleport target with selector "${targetSelector}". ` +
+              `Note the target element must exist before the component is mounted - ` +
+              `i.e. the target cannot be rendered by the component itself, and ` +
+              `ideally should be outside of the entire Vue component tree.`
           )
       }
       return target as any