组件上的属性 "id" 被忽略

Question

我一直在我的 vuejs 应用程序上收到此警告，不知道在哪里以及为什么：

build.js:9371 [Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance

我正在使用 vue-router，index.html:

<body>
        <div id="app"></div>
</body>

Answer 1

如果您的组件没有一个包含 DOM 元素，则它是一个 fragment instance 并且不能有 id。也就是说，如果它扩展到

<div></div>
<div></div>
<div></div>

id.

没有正确的位置

Answer 2

只是补充一下@Roy J 所说的内容。查看您的组件。确保所有组件周围都有一个包装 dom 元素，就像单父组件一样。永远做的最好的事情是将组件中的所有元素包装在一个父元素中 div.

像这样：

<div>
  <div>Some content</div>
  <div> some more content </div>
</div>

这样，Vue 就知道如何将您的组件挂载到父应用程序上。如果您的组件是零散的，您将得到您正在谈论的错误。 Vue 有时不会告诉您确切的组件，因此您必须浏览所有组件。

Attribute "id" is ignored on component