nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not support this method...

nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not support this method.异常的解决

异常的出现

使用nuxt+bootstrapvue4开发环境正常但是部署生产环境，页面刷新后出现如下异常：

ee6f0f3a7cfcdff72172.js:1 Error: [nuxt] Error while mounting app: HierarchyRequestError: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

最终确定出错的位置在：

这个是bootstrapvue的分页组件，如果将该组件去掉，刷新页面就正常，加上该组件刷新页面就报上面的异常

我的思路分析：

刷新页面会出现异常，页面点击路由跳转则正常，那应该是服务端渲染出的问题。然后将上面的组件使用了包含起来，然后重新测试异常消失了。

解决方案

最终解决方案：使用将出错代码包含起来。