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

大伯格
  • 371

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

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

回复
阅读 1.8k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏