VuePress在生产环境跳转子页报错 Failed to execute ‘appendChild‘ on ‘Node‘

最新推荐文章于 2023-11-16 15:06:36 发布
最新推荐文章于 2023-11-16 15:06:36 发布
阅读量426 收藏
点赞数
分类专栏： 前端 Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mr_sun88/article/details/131920018
版权
Vue 同时被 2 个专栏收录
10 篇文章 5 订阅
订阅专栏
前端
9 篇文章 0 订阅
订阅专栏

记录一个使用VuePress时遇到的问题

使用VuePress做了一个文档网页，在开发环境的时候一切正常，但是发布到生产环境后，直接跳转二级页面会报错Failed to execute 'appendChild' on 'Node'

比如主页是http://sun/docs/.vuepress/dist/index.html#/，直接通过地址跳转二级目录http://sun/docs/.vuepress/dist/index.html#/文档，就会报错如下图所示

在这里插入图片描述

博主在google和github上翻了很久，看了很多类似的情况还是一知半解，后来看了一个留言说在生产环境中<!---->的写法有可能出问题，所以就看了一下，在build的index.html中存在不少<!---->的写法，如下图所示

在这里插入图片描述

博主直接把index.html中的<!---->全删了，就好了，好了，好了，好了

在这里插入图片描述
博主是前端小fw，弄着玩的，暂时没时间搞明白原理了，有兴趣和碰到的同学可以参考一下

因吹斯听的Sun同学
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Failed to execute goal org...的解决办法
08-30
主要介绍了Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1的解决办法的相关资料,需要的朋友可以参考下
Jenkins编译报错Failed to execute goal org.apache.maven.plugins_maven-clean-plugin
05-19
Failed to execute goal org.apache.maven.plugins:maven-clean-plugin:2.5:clean (default-clean) on project
Maven报错: Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.0.2:resources
01-08
更多知识，请移步我的小破站：http://hellofriend.top idea创建Maven项目时，报错显示Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.0.2:resources，并且Maven插件内看不到 mybatis-generator。如下图： 折腾了好久发现配置放错地方了，需要将 mybatis-generator 所在的 放在与 同级别的目录下，修改配置如下： 这时就会自动下载mybatis-generator插件，
Python 3.85 pyinstaller win7 x64 failed to execute script pyi_rth_
01-02
Python 3.85 使用pyinstaller在win10 x64下打包的应用程序，在win10 x64下运行完全正常，但是在win7 x64下则报错。failed to execute script pyi_rth_ pyi_rth_xxx 解决方法
maven出现：Failed to execute goal on project …: Could not resolve dependencies for project …
01-20
[INFO] ———————————————————————— [INFO] Reactor Summary for demo 0.0.1-SNAPSHOT: [INFO] [INFO] demo ……………………………………….. FAILURE [18:18 min] [INFO] admin-service ……………………………….. SKIPPED [INFO] user-service ………………………………… SKIPPED [INFO] myweb ………………………………………. SKIPPED [INFO] ———————————————————————— [INFO]
jquery报错Failed to execute 'appendChild' on 'Node': The new child element..
qq_26408085的博客
11-30 1万+
jquery报错Failed to execute 'appendChild' on 'Node': The new child element..这是html中的元素：这是我要追加的元素：这是jquery代码：原因：结果就是下面这样解决办法： 出现了这个报错，经过半小时的努力，查明了原因。具体演示如下： 这是html中的元素： &amp;lt;div class=&quot;box&quot;&amp;gt; &amp;lt;div ...
JavaScript利用append添加元素报错
游海东的技术专栏
06-30 5346
1、错误描述 在IE浏览器上： Uncaught HierarchyRequestError:Failed to excute 'appendChild' on 'Node':The new child element contains the parent. 在谷歌浏览器上： SCRIPT5022:DOM Exception:HIERARCHY_REQUEST_ERR(3) er
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node
彭世瑜的博客
06-10 9675
报错问题 Nuxt.js打包后报错 DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method. 开发环境下报错 Mismatching childNodes vs. VNodes: 解决 1、template中可以限制只在客户端渲染 // version >= 2.9.0 <client-only></client-only>
nuxt 打包后运行 DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This node(已解决)
lllomh的博客
02-22 3367
开发环境有这个错误的话:不影响使用:不管的话 一般在开发环境下，日志会有 warning: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 missin.
JavaScript采用append添加的元素错误
weixin_34187862的博客
10-17 598
1、错误叙述性说明 于IE览器上： Uncaught HierarchyRequestError:Failed to excute 'appendChild' on 'Node':The new child element contains the parent. 在谷歌浏览器上： SCRIPT5022:DOM Exception:HIERARCHY_REQUEST_ERR...
vue路由跳转的四种方式
weixin_47526134的博客
09-24 228
1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> 2.带参数 <router-link :to="{name:'home', params: {id:1}}"> 二、this.$router.push() (函数里面调用) 1.不带参数 this.$router.push({name: 'home'}) this.$router.push({path: .
vuepress - - - 首页底部版权信息加a标签超链接跳转或备案信息跳转链接
zichen的博客
07-12 1523
使用a标签跳转，不会显示右侧的图标。第一个Zichen是a标签，第二个Zichen是md文件的超链接格式。点导航栏中的“指南”，移到最底部点击“在GitHub上编辑此页”。打开自己的项目，\docs\README.md文件，在最后粘贴上面的代码。点击这个index.md文件，看到底部有版权信息和超链接跳转文字。把这个guide目录收缩起来，找这个docs文件夹下的首页文件。点击Code，查看代码，这样子写就可以在底部添加超链接跳转。默认的底部版权信息只能填写纯文本，加不了超链接跳转等。跳转会打开新的网页。
DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This node type does not support this method
weixin_52016899的博客
08-30 1852
DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This node type does
我的博客
03-04 3630
在使用nuxt时出现了下面得错误 DOMException: Failed to execute ‘appendChild’ on ‘Node’: This node type does 最后把created里的方法放到mounted里就行了
nuxt生产环境报错 Failed to execute ‘appendChild‘ on ‘Node‘: This node type does not support this method.
最新发布
F小钱的博客
11-16 399
nuxt 发布到生产环境后，报错 Failed to execute ‘appendChild’ on ‘Node’: This node type does not support this method. 导致页面js 失效 一路排查下来发现使用的轮播插件里面。video 和 img 没有用 div 包裹。
vue ssr报错：Error while initializing app DOMException: Failed to execute ‘appendChild‘ on ‘Node‘: This
如果我年少有为不自卑
05-25 1056
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-rendere
Uncaught TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.
热门推荐
qq_43341807的博客
07-05 1万+
js:报错：Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which the new node is to b
宇宙夏夏
11-09 3805
vue项目运行报错Failed to execute 'insertBefore' on 'Node'
IDEA报错Failed to execute goal on project xxx: Could not resolve dependencies for project是什么原因
06-10
这个错误通常表示项目中的某些依赖项无法被解析。这可能是由于以下原因之一造成的： 1. Maven配置文件错误：如果你使用Maven构建项目，检查你的pom.xml文件是否正确，并且所有依赖项的版本号是否正确。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值