nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not su
2022/3/21 9:27:53
本文主要是介绍nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not su,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
初次用nuxt,发现它的坑还真不少,一个坑能坑你很久,这里我给大家做一个汇总
今天在打包测试环境的时候发现启动项目,浏览器里报标题所示的错误,乍一看,不知所措,就开始找原因,你会发现,在本地开发的时候同样也有报错
这里还给你列出了出问题的父级和子级元素,看起来还挺人性化,然后找到自己错误所在的问题,挨个儿去注释代码,发现代码执行到v-if语句所在的html块的时候就会出现这个错误,后来我把该页面所有用到v-if的地方都换成了v-show,结果不报错,打包测试环境也一切正常~~
个人针对问题感觉虽然好了,但是丈二的和尚摸不着头脑,不知道为什么会这样,并且我其他页面也有定义v-if,它就可以正常执行,但是我发现一个现象,就是出错的部分是在layouts模板文件中引入的,而不是动态渲染nuxt部分,所以可以猜测应该是模板中的除了动态渲染的部分以外,其余都得用v-show所控制的css样式去让它显示隐藏,而不能用v-if,应该是模板内不支持动态生成元素方法,就如报错的appendChild
这篇关于nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not su的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-29易优CMS安装常见问题汇总-icode9专业技术文章分享
- 2024-06-28易优新手必读安装教程-icode9专业技术文章分享
- 2024-06-28忘记eyoucms后台密码怎么办?-icode9专业技术文章分享
- 2024-06-26终极指南:Scrum中如何设置需求优先级
- 2024-06-26AI大模型企业应用实战(25)-为Langchain Agent添加记忆功能
- 2024-06-26小白家庭 nas 搭建方案-icode9专业技术文章分享
- 2024-06-23AI大模型企业应用实战(14)-langchain的Embedding
- 2024-06-23AI大模型企业应用实战(15)-langchain核心组件
- 2024-06-23AI大模型企业应用实战(16)-langchain核心组件
- 2024-06-23AI 大模型企业应用实战(06)-初识LangChain