标签：Node appendChild show 报错 测试环境 模板 nuxt

初次用nuxt，发现它的坑还真不少，一个坑能坑你很久，这里我给大家做一个汇总

今天在打包测试环境的时候发现启动项目，浏览器里报标题所示的错误，乍一看，不知所措，就开始找原因，你会发现，在本地开发的时候同样也有报错

 这里还给你列出了出问题的父级和子级元素，看起来还挺人性化，然后找到自己错误所在的问题，挨个儿去注释代码，发现代码执行到v-if语句所在的html块的时候就会出现这个错误，后来我把该页面所有用到v-if的地方都换成了v-show，结果不报错，打包测试环境也一切正常~~

个人针对问题感觉虽然好了，但是丈二的和尚摸不着头脑，不知道为什么会这样，并且我其他页面也有定义v-if，它就可以正常执行，但是我发现一个现象，就是出错的部分是在layouts模板文件中引入的，而不是动态渲染nuxt部分，所以可以猜测应该是模板中的除了动态渲染的部分以外，其余都得用v-show所控制的css样式去让它显示隐藏，而不能用v-if，应该是模板内不支持动态生成元素方法，就如报错的appendChild

标签：Node,appendChild,show,报错,测试环境,模板,nuxt
来源： https://www.cnblogs.com/shenwh/p/16032956.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。