使用less出现了没有安装模块的错误

Question

使用@2x.png @3x.png 的时候，一引用就报错

Answer 1

ustbhuangyi 2017-03-12 20:55:37

从你的报错截图来看，是路径错了，找到了 common/less/[e-mail]，而图片是在 header 目录下的

• 提问者 刚仔 #1

  还真是这样，stylus和less url的相对对址还不一样？stylus是引入之后就是相对当前文件的地址，而less是相对你引入less文件所在的地址？

• 提问者 刚仔 #2

  非常感谢！

Answer 2

提问者 刚仔 2017-03-12 12:32:44

配置文件是这样的

{
 test: /\.less$/,
 loader: 'style-loader!css-loader!less-loader'
},

下面是mixin的代码

.bg-image(@url){
 background-image: url('@{url}@2x.png');
 @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
   background-image:url('@{url}@3x.png');
 }
}