Question

我在css/application.scss中有以下选择器：

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

当我使用gatsby develop预览网站时，我在网络检查器中看到了这一点：

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

[object object]肯定不对，但我无法跟踪它。关于我应该看的地方的任何提示？

Answer 1

问题是盖茨比doesn't (yet) include loaders for images所以你需要手动添加它。有关此https://github.com/gatsbyjs/gatsby/issues/287的更多背景信息，请参阅此问题。