nuxt js“无法在'Node'上执行'appendChild':此节点类型不支持此方法””在移动视口上

问题描述 投票:0回答:1

[尝试在移动视口上使用nuxtjs运行我的vuetify应用程序时发现此错误,但是在桌面视口上一切正常。

本地计算机image : error on local machine上的错误:

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.

使用ubuntu和nginx在服务器上使用pm2运行我的nuxtjs应用的服务器上出现错误,yarn build,然后pm2 start yarn -- startimage : error on server

DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

在相同的情况下都发生错误。

当我在桌面视口上运行它,然后切换到移动视口(无需重新加载页面)时,它运行良好。但是如果我在移动视口上重新加载它,则会发生这些错误。

不确定我应该共享哪个页面,因为即使在nuxt + vuetify默认主页上的所有页面上也会出现此错误。

当前在桌面视口上也会发生相同的错误,但已通过将组件包装在<client-only></client-only>中而得到修复,并且错误已从桌面视口消失,但仍在移动视口上发生。

javascript vue.js vuetify.js nuxt.js
1个回答
0
投票

如果使用asyncData,则将呈现它的模板部分放在<client-only>标记中,如果添加代码,人们可以更好地帮助您

© www.soinside.com 2019 - 2024. All rights reserved.