运行时指令用于具有非元素根节点的组件。这些指令将不会按预期发挥作用

Question

我正在将 vue2 升级到 vue3，我在控制台中收到以下警告：

[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. at <VNavigationDrawer modelValue=false onUpdate:modelValue=fn app="" > at <SideBar> at <VApp id="inspire" > at <App>

有人有什么想法吗？

Answer 1

中的第一个节点<template>必须是 div （或其他一些有效元素，但 div 对我有用，所以......）

<template>
    <div>
        ...
    </div>
</template>

如果您在包装之外添加其他内容<div>，则会发生此错误。

我不知道有问题的节点可能是什么（如果有），但我确实知道在关闭</div>和关闭之间添加某些内容</template>会触发此错误。