webpack 打包vue “Error while initializing app DOMException”

Question

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

<div class="children-box" v-if="moreFilterOptions.feature">
初步判断是v-if影响到，这个应该怎么修改

Answer 1

vue生命周期问题，数据插入了并不存在的节点

Answer 2

用的mpvue吗？ 涉及DOM的操作就会报错。

Answer 3

v-show="moreFilterOptions.feature" 试一下。

Answer 4

我也遇到这个问题，我用的nuxt+bootstrapvue部署到生产后页面刷新就报这个错，是服务端渲染的问题。定位到出错的是哪个组件，使用<no-ssr></no-ssr>将出错的代码包含起来就行了。