html - 背景图片不会出现在网站上

我有一个主容器在我的网站上，我想添加一个背景图像。当我试图添加图像时，我使用这个css

#mainContainer {
  background-image: url(images/bg.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
}

图像是安全的大小。我想是1000x1000左右。当我试图刷新页面时，出现了一个奇怪的错误：

我正在使用bootstrap4。上面的错误是否与我的图像没有显示有关，或者是css中的某些内容有关？
如果有帮助，我的文件结构也是这样的：

谢谢！

最佳答案

图像文件不在文件夹中。如果它在../images/bg.jpg文件夹而不是assets/images/中，您可能希望将其更改为assets/css/images/。