当前位置: 首页 > 知识库问答 >
问题:

前端 - 一次"愉快"的找bug 问题是解决了 但是还不太能理解 求大佬解惑!!!?

皮自明
2023-12-04

一次"愉快"的找bug 问题是解决了 但是还不太能理解 求大佬解惑!!!?

企业微信截图_17016750961423.png
如图 uat环境 这个toast的背景色样式被popup的样式覆盖了
(还有个图片预览 点开也是背景色白底 被popup样式影响)
明显看到popup的样式文件有两个 看hash值是其它页面的

因为本地是正常的 遂想到应该是打包影响(打包产物与本地不一致)

然后在vite.config.js里看到了这个
企业微信截图_1701674813442.png

我看到组长写的注释 “...自动important” 觉得应该是这里有门道
猜测VantResolver这个就是处理vant相关的
搜索配置项发现有个importStyle(是否同时导入样式) //主要就它长得像
加了 给false 发uat 好了!!!

企业微信截图_17016749469999.png
企业微信截图_17016751398036.png

问题是解决了 但是没想明白
当时看van-popup和van-toast的权重都是(0,1,0)
第一个样式文件里有toast和popup的样式 toast是在popup的下面
另一个样式文件里只有popup的样式 是这样覆盖的吗

补充:
看link元素是第二个样式文件在第一个下面 这个效果解释通了

为什么会出现两个样式文件?
有没有办法控制这两个文件的插入顺序?(当前页面样式文件理应在最下面的 )

共有1个答案

戚阳文
2023-12-04
  • 权重相同时,后加载css文件生效
  • 同一个文件中排在后面的生效
  • 当加载 第一个样式文件 时 , toast是在popup的下面 ,所以toast 生效
  • 当加载了另一个文件时,另一个文件生效(popup)
 类似资料:
  • markdown图片可以传到本地文件夹但只能传jpg,png传不了,数据库也有路径,但是不渲染出来 头像上传七牛云,密钥和域名都写得对的但点击就报400

  • rxjs使用到mergeMap和map,但是我完全看不懂这个是什么意思,请问是否有大佬帮解释理解一下?

  • 和我的项目结构中的图像(我测试了它的jsp页面,出现了类似的错误,现在我在一个使用main方法(TestCalender.java)的类中测试): 我看到类似的问题和测试他们的答案,但没有发现我的错误变化!

  • 问题解决了在这种环境下

  • 一面,等了8分钟,面试官姗姗来迟 问了几个实习经历的问题 四个八股 mysql的索引数据结构 索引什么时候一般会失效 Java里接口和抽象类区别和使用场景 hashtable和hashmap的区别(我没用过hashtable,八股也没看过,于是我仔细说了下hashmap,但从这个时候开始,面试官似乎就决定不要我了 直接代码题,算法题都算不上,就是特定的文件内容解析罢了。 面试官手动测了几下,然后说

  • 本文向大家介绍linux解决ping通但端口不通的问题,包括了linux解决ping通但端口不通的问题的使用技巧和注意事项,需要的朋友参考一下 能ping 通但端口不通时端口可用性探测说明 端口可用性探测工具介绍 不同的操作系统,端口可用性探测所使用的工具也有所不同。 Linux 环境下端口可用性探测工具介绍 traceroute 是几乎所有 Linux 发行版本预装的网络测试工具,用于跟踪 In