javascript - 找不到模块'../../image/image.jpg

Question

我试图将本地镜像放入 img src 但出现如下错误:

Cannot find module '../../image/image1.jpg'

我已经尝试过

<img src={require(girls.Image)} alt="logo" height="100%" width="100%" />

const Allgirls = response.data.map((girls) =>
  <div id='fullUser'>
    <div id='User'>
      <div id='ImgLogo'>
        <img src={require(girls.Image)} alt="logo" height="100%" width="100%" />
      </div>
    </div>
  </div>
)

Answer 1

试试这个方法。

//import your image like below
import girl from "./assets/image/girl.png"; //relative path of your image

//use like this
<img src={girl} alt="logo" height="100%" width="100%" />