css - 当我提到本地路径时，为什么背景图片没有显示？

Question

但是当我从Web URL链接到它时，它确实在使用以下代码和我的文件夹结构

background-image: url('../Images/Image1.jpeg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;

你能帮我吗？ This is my folder structure screenshot and the css code above is in the file 'Components'

Answer 1

谢谢大家，我在这里找到了解决方案：https://github.com/facebook/create-react-app/issues/3238。解决方案不是将直接链接传递到图像，而是将图像引用导入一个变量，然后将此变量添加到样式文字中，如下所示：

import styled from 'styled-components';
import img from './img/bg.gif';

const Content = styled.div`
    border: 1px solid #000;
    background-image: url(${img});
    width: 2000px;
    height: 2000px;
`;