React 引入img 图片不显示

通过img标签的src属性引入图片时，相对路径经过页面渲染后变成了相对于项目的根目录路径。

import React from 'react'
export default function App () {
  return (
    <div>
      <img src="./1632363376(1).png" alt="" />
    </div>
  )
}

两种解决方案
1：import 引入

import React from 'react'
import mmd from './萌萌哒.png'
export default function App () {
  return (
    <div className="box">
      <img src={mmd} alt="萌萌哒" />
    </div>
  )

2：通过 require 加 default

import React from 'react'
export default function App () {
  return (
    <div className="box">
      <img src={require('./1632363376(1).png').default} alt=""/>
    </div>
  )
}