我正在尝试显示另一个文件夹中的图像。我正在使用主题用户界面

/** @jsx jsx */
import { jsx } from 'theme-ui';
**import { Container,Box,Heading,Text,Image,Button } from 'theme-ui';**
import bannerImg from "./perrito.png";
import Shapeleft from 'assets/shape-left.png';
import ShapeRight from 'assets/shape-right.png';

export default function Banner() {
  return (
    <section sx={styles.banner} id="home">
      <Container sx={styles.banner.container}>
        <Box sx={styles.banner.contentBox}>
          <Heading as="h1" variant="heroPrimary">
              Beagles cuidados con el amor que merecen
          </Heading>
          <Text as="p" variant="heroSecondary">
              Sabemos lo importante que son las mascotas,por eso los criamos con el amor y cariño que sabemos que también les brindarás.
          </Text>
          <Button variant="primary">Explorar</Button>
        </Box>
        <Box sx={styles.banner.imageBox}>
          **<Image src={bannerImg} alt="banner" />**
        </Box>
      </Container>
    </section>
  );
}

控制台没有显示任何错误，所以我知道这不是路由问题。

View