Pusula hatası veren Tanınmayan dosya türü: png '))

Question

Pusula kullanan bir moovweb projesinde çalışıyorum. Şu anda sprite için 2x görüntü desteği uyguluyorum. , Hemen bundan sonra, ben dahil ve 2x için sprite kuralları üretecektir SCSS dosyası çalıştırma

$icons-dimensions: true; 
@import "icons/*.png"; 
@include all-icons-sprites; 

Ve sonra:

Ne yapıyorum pusula şöyle 1x sprite oluşturmak izin vermektir (medya sorguları kullanarak):

@import "../_retina-sprites.scss"; 
$icons2x: sprite-map("icons2x/*.png"); 
.icons-logo { 
    @include retina-sprite(logo, $icons2x); 
} 

.icons-bag { @include retina-sprite (çanta, $ icons2x); }

ben şöyle 2x görüntüleri seçmek için medya sorgu kuralı eklemek için bir mixin içerdiği ( Adam Brodzinski's version dayanarak) bu _retina-sprites.scss oluşturuldu: Ancak

@import "compass/utilities/sprites";   // Include compass sprite helpers 
@import "compass/css3/background-size";  // Include helper to calc background size 

@mixin retina-sprite($name, $sprites2x) { 
    background-repeat: no-repeat; 
    @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { 
    & { 
     $pos: sprite-position($sprites2x, $name); 
     background-image: sprite-url($sprites2x); 
     background-position: nth($pos, 1)/2 nth($pos, 2)/2; 
     @include background-size(ceil(image-width(sprite-path($sprites2x))/2) auto); 
    } 
    }  
} 

, bu soruyla çıkış çağıran satıra sprite oluşturulurken sprite-path(): bana bu pusula dolayısıyla ')) silolara vererek yerine sprite yolunun bir peri-url yazıyor düşündürüyor

Syntax error: Unrecognized file type: png')) 

x dosya adına.

Daha önce bunlara giren var mı?

Answer 1

Sorunun ne olabileceğinden emin değilsiniz, ancak belki de neler olup bittiğine dair daha iyi bir çıktı elde etmek için pusulayı doğrudan çalıştırabilirsiniz.

moov SDK varlıklarınızı derlemek için aşağıdaki pusula komutu kullanır:

compass compile <my-project-path>/assets --relative-assets --sass-dir stylesheets --css-dir stylesheets/.css --images-dir images --require sass/plugin 

Umarım fazla bilgi sağlayabilir manuel olarak çalışan.

Answer 2

PNG'lerle aynı dizinde JPG resimleri varken, yeterince hata alıyorum.

Bu JPG'leri çıkardıktan sonra çalıştı.

Answer 3

Bu hatayla bugün karşılaştım.

Bu

gerçekten sorunu tespit etmek bana yardımcı olduğunu, nedeniyle