dx(vnode): warn on render child nodes in self-closing tag

yangchangtao · yangchangtao · commit 44a6b089cd20 · 2024-10-10T20:16:56.000+08:00
diff --git a/packages/runtime-core/src/vnode.ts b/packages/runtime-core/src/vnode.ts
@@ -9,6 +9,7 @@ import {
   isObject,
   isOn,
   isString,
+  isVoidTag,
   normalizeClass,
   normalizeStyle,
 } from '@vue/shared'
@@ -618,6 +619,17 @@ function _createVNode(
             ? ShapeFlags.FUNCTIONAL_COMPONENT
             : 0
 
+  if (
+    __DEV__ &&
+    shapeFlag & ShapeFlags.ELEMENT &&
+    isVoidTag(type as string) &&
+    children != null
+  ) {
+    warn(
+      `don't render child nodes in a self-closing tag <${type as string} />, it may cause unexpected behavior`,
+    )
+  }
+
   if (__DEV__ && shapeFlag & ShapeFlags.STATEFUL_COMPONENT && isProxy(type)) {
     type = toRaw(type)
     warn(
