Question

我遇到了无法显示背景图片的问题。我正在做出反应并观看网络包。其余的scss工作正常。从它看起来它应该工作的一切。我的文件路径如下所示：公众＆gt;图像＆gt; classroom.jpg 公众＆gt;样式表＆gt;组件＆gt; ReactWebPageBody.scss

outdated.example.com

我得到GET http://127.0.0.1:8080/images/classroom.jpg 404（未找到）

我的webpack.config.js看起来像这样：

.mainBody{
    height: 92vh;
    width:100vw;
    background-image: url('/images/classroom.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
 }

Answer 1

我明白了。我正在运行live-server，因为我还不需要node.js。显然，我从根文件夹运行它，然后单击公用文件夹进入项目。 whick = h是我收到错误的原因。一旦我退出live-server并在命令行上的公共文件夹中启动了live-server，就解决了这个问题。

背景图片问题

1 个答案: