vue ssr报错：Error while initializing app DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This

黑面狐 sa~

于 2021-05-25 18:09:26 发布

阅读量1.2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_21859119/article/details/117261533

版权

vue 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了在Vue服务端渲染(SSR)中遇到的一个错误：`Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node'...`。该错误发生在尝试使用v-show属性控制自定义loading组件显示隐藏时。问题根源在于SSR代码在服务器端激活时的不兼容性。修复方案是将v-show属性移到父组件中进行控制。此问题在纯Vue项目中正常，但在SSR环境下触发，提示可能与服务器端激活有关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method. at Object.We [as appendChild]

起因是：
1、封装了一个自定义loading组件，在组件内部使用v-show="show"来控制显示隐藏
2、通过props传入show来控制
3、使用vue-server-renderer构造的服务端渲染
4、在纯vue项目中正常运行。ssr中就报以上错误

修复方法：
1、把v-show=“show”放到了父组件中

原因：
猜测是在ssr代码在服务器端激活时报错。。