chore: more detailed teleport target warning

yyx990803 · yyx990803 · commit b3af5dbe5dc1 · 2020-07-19T11:52:03.000-04:00
close #1629
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

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,10 @@ const resolveTarget = <T = RendererElement>(`
`41`	`41`	`if (!target) {`
`42`	`42`	`__DEV__ &&`
`43`	`43`	`warn(`
`44`		- `Failed to locate Teleport target with selector "${targetSelector}".`
	`44`	+ `Failed to locate Teleport target with selector "${targetSelector}". ` +
	`45`	+ `Note the target element must exist before the component is mounted - ` +
	`46`	+ `i.e. the target cannot be rendered by the component itself, and ` +
	`47`	+ `ideally should be outside of the entire Vue component tree.`
`45`	`48`	`)`
`46`	`49`	`}`
`47`	`50`	`return target as any`