chore: more detailed teleport target warning

close #1629
2020-07-19 11:52:03 -04:00 · 2020-07-19 11:52:03 -04:00 · b3af5dbe5d
commit b3af5dbe5d
parent f9826fa963
1 changed files with 4 additions and 1 deletions
--- 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