画像私は<code>css/application.scss</code>で次のセレクタを持ってGatsbyJS

Question

に表示されない：

#header-container { 
    background: #333 url('../pages/images/home-head.jpg') center center no-repeat; 
    background-size: cover; 
} 

私はgatsby developでサイトをプレビューすると私は、Webインスペクタでこれを参照してください。

#header-container { 
    background: #333 url([object Object]) center center no-repeat; 
    background-size: cover; 
} 

何かがあります間違いなく[オブジェクトオブジェクト]で正しくないが、私はそれを追跡するのに問題がある。私はどこを見なければならないのか？

Answer 1

問題はGatsby doesn't (yet) include loaders for imagesです。手動で追加する必要があります。この詳細については、https://github.com/gatsbyjs/gatsby/issues/287に関するこの問題を参照してください。

更新日： これは0.12リリースで修正されました。 https://github.com/gatsbyjs/gatsby/releases/tag/v0.12.0