redux 找不到图像React样式组件的路径

n3schb8v  于 2023-03-30  发布在  React
关注(0)|答案(1)|浏览(113)

找不到镜像React样式组件的路径,应该是正确的,会不会是样式组件的问题?https://codesandbox.io/s/soirees-ll0ehp?file=/src/App.js:120-698

import styled from "styled-components";

export default function App() {
  const Main = styled.div`
    height: 100vh;
    background: center / cover no-repeat url("./assets/main.jpg");
    background-color: grey;
    background-image: url("../src/assets/main.jpg");
  `;
  const FindPicsWrapper = styled.div`
    position: absolute;
    top: 60vh;
    left: 50%;
    transform: translateX(-50%);
  `;
  return (
    <div className="App">
      <Main>
        <Header />
        <FindPicsWrapper>
          <FindPics />
        </FindPicsWrapper>
      </Main>
    </div>
  );
}
bpzcxfmw

bpzcxfmw1#

您必须用途:

import img from './assets/main.jpg';

则将其用作:

url(${img})

相关问题