Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node
文章 407 0 0 0
发布时间:2021年10月16日

概述

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node

DOMException: Failed to execute 'appendChild' on 'Node':
This node type does not support this method.
翻译:
DomeException:未能在"节点"上执行"appendChild":
此节点类型不支持此方法。

问题产生

与前面的不正确标记 跟这个问题有关系

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或者缺少<tbody>。打捞水化并执行完整的客户端渲染,在控制台出现红色提示,布置到生产环境项目发生崩溃。

解决

nuxt版本 >= 2.9.0 <client-only></client-only>

nuxt版本 < 2.9.0 <no-ssr></no-ssr>
这个问题一般都是发生在服务端渲染,本地与服务器不一致。但少数情况下还是由于书写规范问题。

评论专区