Javascript VueJS<；ul>；抛出不匹配的HTML-警告？

VueJS在每一页上都给我这个错误，因为我的标题中有一些东西：

warn Parent:  
<ul class="nav">
warn Mismatching childNodes vs. VNodes:  
NodeList(13) [ <!--  -->, #text, <!--  -->, #text, li.nav-item, #text, li.nav-item, #text, li.nav-item.account, #text, … ]

error [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render. consola.browser.js:1:7123
error [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render. (repeated 1 times) consola.browser.js:1:7123

警告家长：

警告子节点与VNode不匹配：
节点列表（13）[，#text，#text，li.nav-item，#text，li.nav-item，#text，li.nav-item.account，#text，…]
错误[Vue warn]：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如，在中嵌套块级元素，或者缺少。打捞水化并执行完整的客户端渲染。consola.browser.js:1:7123
错误[Vue warn]：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如，在中嵌套块级元素，或者缺少。打捞水化并执行完整的客户端渲染。（重复1次）consola.browser.js:1:7123

这是标题的源代码：

渲染时，这就是它：

我的理论是，

是原因，因为它期望

中的所有标记都是

标记

---

有什么方法可以忽略这一点或做一些奇怪的处理吗？

请将错误消息作为文本，而不是图像。搜索引擎不会抓取图像中的文本，这意味着搜索同一错误消息的人不会轻易找到您的问题（及其答案）。@HereticsMonkey好的，谢谢，我以前从未想过，这是一个好的观点请将错误消息作为文本，而不是图像。搜索引擎不会抓取图像中的文本，这意味着搜索同一条错误消息的人不会轻易找到你的问题（及其答案）。@HereticMonkey好的，谢谢你，我以前从未想过，这是一个很好的观点