@J。Doe，我知道你的问题了。值得向react团队提出问题以进行更多调试。但我的路线原因/修复如下。希望有帮助！

根本原因：

当一系列css类名有 时-，内联 url 设置为未定义。

解决方法：（以下之一）

• 删除附加类set-bg。
• 替换-类名中的 。

示例 html

    <div className="col-md-6">
      <div className="propertie-item set_bg" style={ { backgroundImage: "url('https://s3.us-east-2.amazonaws.com/housessoldeasily.com/img/propertie/4.jpg')" } }>
        <div className="rent-notic">FOR Rent</div>
        <div className="propertie-info text-white">
          <div className="info-warp">
            <h5>339 N Oakhurst Dr Apt 303</h5>
            <p><i className="fa fa-map-marker" /> Beverly Hills, CA 90210</p>
          </div>
          <div className="price">$3000/month</div>
        </div>
      </div>
    </div>

CSS

.set_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;

}

我不确定您是否是此模板的作者，我一直在使用此模板并尝试对其进行修改以使其适合我自己的使用。我遇到了和你一样的问题，如果你查看模板的包，在 js/main.js 中有一个 js 文件，打开它并查找“背景集”注释部分：

$('.set-bg').each(function() {
    var bg = $(this).data('setbg');
    $(this).css('background-image', 'url(' + bg + ')');
});

问题是当浏览器加载代码时，(function(){...})()即使在页面（html 文件）加载之前立即执行内部的任何内容，如果它发生（在这种情况下它总是发生），JavaScript 解释器将找不到任何 html 元素属于类“setbg”，因为没有 html 文件。

我所做的解决方案是将您需要的任何代码（不仅仅是“setbg”的实用程序）放入其中$(window).on('load',function(){...})并删除旧代码。

希望这可以帮助。