目が充血するまでウェブページをググったり読んだりしましたが、それでも答えが見つかりません。これがすでに回答されている場合は、申し訳ありません。
私のコンパスプロジェクトのうなり声は、生産および開発の「モード」で問題なく「コンパイル」されます。クロームを使用すると、ソアマップが機能します。ただし、Chrome はすべてのコンパス ライブラリ/コア ファイルに対して 404 エラーを報告しています。
ここに 404 があります: http://i.stack.imgur.com/Kyqq6.jpg
ソース マップ ファイルから問題の場所を確認できますが、修正方法がわかりません。style.css.map ファイルは次のとおりです。
{
"version": 3,
"mappings": "..snip-snip..",
"sources": ["../sass/_print.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/typography/_units.scss","../sass/components/_colors.scss","../sass/components/_fonts.scss","../sass/components/_header.scss","../sass/components/_misc.scss","../sass/_mixins.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_hacks.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_images.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/typography/_vertical_rhythm.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/_support.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_text-shadow.scss","../sass/_init.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_transition.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_border-radius.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_appearance.scss","../sass/_normalize.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_box-sizing.scss","../sass/layouts/_fixed.scss","../sass-extensions/zen-grids/stylesheets/zen/_grids.scss","../sass/styles.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_box-shadow.scss","../../../../../../../../../usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/css3/_transform.scss"],
"names": [],
"file": "styles.css"
}
そのため、すべての「../../../..」が開発中に 404 エラーを引き起こし、非常に面倒です。基本的に、コンパスが生成しているパスは有効ではありません。
これが起こらないようにコンパスを動作させる方法を知っている人はいますか? config.rb の設定が必要だと思いますが、どの設定かわかりません: http://compass-style.org/help/documentation/configuration-reference/
これが私のconfig.rbです：
#
# Change this to :production when ready to deploy the CSS to the live server.
#environment = :production
firesass = (environment == :development) ? true : false
css_dir = "css"
sass_dir = "sass"
add_import_path "sass/components"
extensions_dir = "sass-extensions"
images_dir = "images"
javascripts_dir = "js"
output_style = (environment == :development) ? :expanded : :compressed
relative_assets = true
sass_options = (environment == :development && firesass == true) ? {:debug_info => true} : {}
#
# When true this will cause errors for trying to download files from $base_url/usr/local/rvm/gems/ruby-2.1.2/gems/compass-core-1.0.1/stylesheets/compass/_support.scss
# Errors go away when set to false (in production)
sourcemap = (environment == :development) ? true : false
Web 上のほとんどの例では、ローカル インスタンスの場所を Chrome に伝える手順が示されていますが、私のローカル インスタンスはファイルシステムを共有する Mamp ホストではなく vm ホスト上にあるため、例は役に立ちません。
明確にするために、ソースマップはコンパス以外のコアファイルに対して機能しています。そして、機能するということは、404をスローせず、開発者インスペクターで正しいソース行を指すことを意味します。
助けてくれてありがとう。
ダン
ps。sass と compass の両方で gem のアンインストール/インストールを試みましたが、役に立たなかったようです。