使用 auto-import-resolver 自动导入方案，showToast 样式异常 #13109
Labels
Comments
|
问题还存在吗，给出的链接失效了 |
是的，而且我发现不仅 showToast 有这个问题，showDialog 也有同样的问题，同样是没法通过 auto-import-resolver 自动导入CSS 文件，手动在 main.js 导入的话，又有会被自动导入的 popup 的CSS文件影响，我现在是又把 toast 和 dialog 的样式重新定义了一次，加上 important 提高优先级。 |
|
按你的描述，我之前手动导入，以及现在自动导入，两种情况下都没有遇见过你说的问题，所以还是需要一个示例 |
不好意思，重新检查了一下代码，发现是我又通过 import 手动导入了 showToast 函数， 删除 import 语句后就正常了，通过 auto-import 自动导入的话没有问题。 |
|
这个问题在初始 PR #12679 中有提到过，即手动/显式导入时不会处理样式，只有在 auto-import 自动导入时才会处理，但我查阅文档发现好像没有这一部分的说明 |
|
欢迎补充文档～ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
重现链接
https://codesandbox.io/p/devbox/vant-4-issue-template-forked-krwnzx?workspaceId=9400e5bf-025d-413b-b67a-67f1c3e8592a
Vant 版本
4.9.5
描述一下你遇到的问题。
首先，auto-import-resolver 好像没法自动导入 toast 的 css 文件，所以我进行了手动导入，但出现了另一个问题，如果我在 main.js 中导入 toast 的 css 文件，由于 toast 本质是一个 popup，而 popup 的样式文件是在 toast 之后导入的，优先级更高，所以会覆盖掉 toast 的样式，导致 toast 无法正常显示。
给的链接没有配置 auto-import-resolver，只是通过手动导入 css 文件模拟了一下上述的情况。
重现步骤
RT
设备/浏览器
No response
The text was updated successfully, but these errors were encountered: