Vue项目碰到\"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件\"报错
给大家分享搬砖中遇到的一个让人特别蛋疼的问题!! 开发工具:后端:eclipse 前端:vscode 当时团队正在做一个关于电商的pass产品。使用的是当时比较火的微服务框架,vue,然后前后端分离
顺晟科技
2022-09-03 12:41:26
357
现象:更新上图中的p标签时出现了问题
顺晟科技:
实际也发现,n1.el确实为空
在这个操作中,el即为一步步传入到后面几个操作的parent(中间形参叫container)
在实际实践中,发现,通过给找不到自身el的vnode的el加上ref标签,可以使vnode能够找到自己的标签。
首先看到,问题的引起原因在于,parent这个参数为null
向上追查后,发现parent为空是因为它的数据源为空,其具体位置在从上往下树的第一个patchElement操作里,如下图
总结下来,vue3在更新图上的p标签时,vnode无法找到自己所关联的html节点,导致实际无法插入
解决方案:
但上面方法存在缺陷,因为无法预计什么样的情况下,会出现无法找到自身el的情况
(PS:由于我是新用户,用不了那么多图片,有一些补充描述可以看以下链接:http://note.youdao.com/noteshare?id=5866ec0820d8fdf0c28923204adaf285)
问题流程:
23
2022-09
13
2022-09
13
2022-09
13
2022-09
13
2022-09
03
2022-09