做软件下载网站,推广之家,除了dw还有什么可以做网页,襄阳注册公司问题的出现
有几次项目部署完毕在线上运行时#xff0c;测试人员发现某些组件的效果出现异常#xff0c;比如某些在弹窗modal内的popup弹框的层级异常#xff0c;显示在了modal底下#xff0c;或者某个组件#xff08;如modal的footer区域的类样式#xff09;出现多个cs…问题的出现
有几次项目部署完毕在线上运行时测试人员发现某些组件的效果出现异常比如某些在弹窗modal内的popup弹框的层级异常显示在了modal底下或者某个组件如modal的footer区域的类样式出现多个css文件的重复定义导致正常的css效果被覆盖。
对于第一个问题排查后发现是文件的z-index控制器没有正常初始化导致z-index异常debug发现压根儿没运行到对应的代码(PS对打包混淆后的代码进行debug是真要命)。
第二个问题发现是多打包了出来一个css文件而且在这次css文件之后才加载导致样式被覆盖。
而且这些问题都是本地开发正常部署上线后才有问题因此将问题范围缩小到环境和部署上。
处理
后面找到package.lock.json文件发现里面存在两个组件库ui的依赖文件其依赖的vue版本分别为27与29版本导致了该问题。29版本为最外层父级项目的依赖
解决方案1
重新统一组件库依赖的vue版本使多个项目的组件库依赖的vue版本都为同一个。
解决方案2
最外层父级本身不是一个业务项目而只是维护了一些公共组件或工具包采用monorepo管理各个子业务项目的容器。而加入组件库依赖也只是为了写公共组件时能够给予组件库的相关代码提示和一些插件自动导入的功能。
基于此我们把最外层的组件库依赖调整到具体的公共组件包里面在这里有固定vue版本整个公共包也只有公共组件需要vue和组件库依赖。
重新install或通过pnpm -r up 组件库 命令升级完后lock文件仅出现一个dlz-ui依赖部署后线上恢复正常。
