webpack - CSS URL 中的图像未在 GatsbyJS 中显示

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] 肯定有问题，但我无法追踪它。关于我应该在哪里看的任何提示？

score 1 · Accepted Answer

问题是 Gatsby没有（还）包括图像加载器，所以你需要手动添加它。有关此https://github.com/gatsbyjs/gatsby/issues/287的更多背景信息，请参阅此问题。

1 回答 1