Sprite chargement dans la boussole

Question

J'apprends comment utiliser Compass à partir d'un tutoriel d'environ 4 ans. Mon problème est que les sprites ne se chargent pas du tout, bien que le répertoire listé dans l'erreur soit l'emplacement correct des sprites.

Je reçois ces deux messages d'erreur:

Failed to load resource: net::ERR_EMPTY_RESPONSE (12:12:47:223 | error, network) 
    at http://localhost:8383/images/spr-sf52e1e883c.png 
Failed to load resource: net::ERR_EMPTY_RESPONSE (12:13:45:615 | error, network) 
    at http://localhost:8383/images/pitch-s4b17d3ee2e.png 

Cela ressemble à la bonne adresse pour moi compte tenu de la structure des répertoires de mon projet. Voir l'image ci-jointe.

J'ai découvert que mes fichiers sprite sont dans un emplacement incorrect ou que mon fichier css généré est incorrect dans l'emplacement des fichiers d'images-objets. Voici le code généré dans le CSS.

/* ===================================================== */ 
/* Sprites 
/* ===================================================== */ 
.spr-sprite, header h1 { 
    background-image: url('/images/spr-sf52e1e883c.png'); 
    background-repeat: no-repeat; 
} 

.pitch-sprite, .pitch.left div, .pitch.middle div, .pitch.right div { 
    background-image: url('/images/pitch-s4b17d3ee2e.png'); 
    background-repeat: no-repeat; 
} 

Ce qui fonctionne est de sauvegarder un répertoire dans l'appelant l'image-objet:

.spr-sprite, header h1 { 
    background-image: url('../images/spr-sf52e1e883c.png'); 
    background-repeat: no-repeat; 
} 

.pitch-sprite, .pitch.left div, .pitch.middle div, .pitch.right div { 
    background-image: url('../images/pitch-s4b17d3ee2e.png'); 
    background-repeat: no-repeat; 
} 

Maintenant, je peux voir sprites.

Ce que je ne sais pas est où chercher à résoudre ce problème et j'espère que ma description est assez pour quelqu'un pour me donner des conseils

Tous mes points de recherche à l'aide du paramètre de configuration « relative_assests = true » , pour résoudre ceci mais je n'arrive pas à convaincre mon projet de boussole de me donner des répertoires relatifs "../" pour mes images sprites. Je compile mes sprites avec ce fichier de configuration.

/* ===================================================== */ 
/* Sprites 
/* ===================================================== */ 
@import "spr/*.png"; 
@import "pitch/*.png"; 

Et ceci est mon config.rb

# Require any additional compass plugins here. 
# ----------------------------------------------------------------------------- 
project_path = File.expand_path("..",File.dirname(__FILE__)) 

# Set this to the root of your project when deployed: 
# ----------------------------------------------------------------------------- 

relative_assets = true 

http_images_dir = "images" 

http_path = "/" 
css_dir = "css" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "js" 


# Output style and comments 
# ----------------------------------------------------------------------------- 

# You can select your preferred output style here (can be overridden via the command line): 
# output_style = :expanded or :nested or :compact or :compressed 
# Over-ride with force compile to change output style with: compass compile --output-style compressed --force 
output_style = :expanded 
#environment = :development 

line_comments = false 
cache = true 
color_output = false # required for Mixture 

require 'sass-globbing' 

# Obviously 
preferred_syntax = :scss 

# SASS core 
# ----------------------------------------------------------------------------- 

# Chrome needs a precision of 7 to round properly 
Sass::Script::Number.precision = 7 

Je me demande si quelqu'un voit un problème

Answer 1

Il y a quelque chose que je ne sais pas ce que incorrect dans le fichier config.rb. En substituant un d'un autre tutoriel, cela a fonctionné.