当我尝试在移动视口上运行使用vuetify
的nuxtjs
应用程序时,发现了此错误,但在桌面视口上一切正常。
本地机器上的错误图片:本地机器上的错误:
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.
在运行了yarn build
然后pm2 start yarn -- start
的nuxtjs
应用程序中,使用pm2
在带有ubuntu和nginx的服务器上出现错误图片:服务器上的错误。
DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
两个错误在相同的情况下出现。
当我在桌面视口上运行它时,然后切换到移动视口(不重新加载页面),它运行良好。但如果我在移动视口上重新加载它,这些错误就会出现。
不确定应该分享哪个页面,因为这些错误出现在所有页面上,即使是nuxt+vuetify的默认主页也是如此。
目前在桌面视口上也出现了同样的错误,但通过将我的组件包装在<client-only></client-only>
中进行修复,桌面视口上的错误已消失,但在移动视口上仍然存在。
v-app-bar
中使用了一些没有v-else
的v-if
指令。此外,我还不得不更改v-navigation-drawer
组件并在其中添加app
指令。 - Alireza Bahrololoom