这段less代码有什么问题?为什么会报错?

发布于 2022-09-04 22:54:04 字数 690 浏览 20 评论 0

下面这段less代码有什么问题吗?
clipboard.png
为什么我在配合vue+webpack使用的.vue文件里,像这样引用以后会报错?
我是先在vue文件里@import了上面的less文件,然后就报错. 直接把上面的mixin写在vue文件里就没有问题.
clipboard.png
报的这个错误

更新: 我找到问题了, 是路径问题. background-image: url("../../components/header/@{url}@2x.png"); 要这样写. 资源路径是相对mixin.less的 不是vue文件的. 这就很尴尬了. 有什么办法把绝对路径传进去吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

相权↑美人 2022-09-11 22:54:04

这个问题我也遇到过,看了webpack的issue,貌似是一个bug,@import进来的mixin无法使用

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文