要求css反应应用程序背景图像

Question

这可能是一个简单的答案，但我很难找到答案。我有一个图像作为div的背景。我需要我的css文件。我的css很标准：

  background-image: url('assets/placeholders/img-hero.jpg') center center/cover no-repeat;

Webpack不会编译它...说它发现了一个意外的角色。

我到底做错了什么？ React有办法处理我不知道的这类事情吗？

Answer 1

您background-position的价值确实无效。您应该只在那里指定url()并将其余内容移动到单独的属性中。类似的东西：

 background-image: url(assets/placeholders/img-hero.jpg);
 background-repeat: no-repeat;
 background-position: center;

Answer 2

我确实需要在资产前面斜线并将其变成一个字符串。有时我觉得自己像个白痴。我不知道剩下的时间是什么样的。感谢大家的建议！

  background-image: url('/assets/placeholders/img-hero.jpg');