[尝试在移动视口上使用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 -- start
image : error on server
DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
在相同的情况下都发生错误。
当我在桌面视口上运行它,然后切换到移动视口(无需重新加载页面)时,它运行良好。但是如果我在移动视口上重新加载它,则会发生这些错误。
不确定我应该共享哪个页面,因为即使在nuxt + vuetify默认主页上的所有页面上也会出现此错误。
当前在桌面视口上也会发生相同的错误,但已通过将组件包装在<client-only></client-only>
中而得到修复,并且错误已从桌面视口消失,但仍在移动视口上发生。
如果使用asyncData
,则将呈现它的模板部分放在<client-only>
标记中,如果添加代码,人们可以更好地帮助您