Reactjs 使用react和webpack导入图像

Reactjs 使用react和webpack导入图像,reactjs,npm,webpack,Reactjs,Npm,Webpack,我一直在尝试使用react和webpack导入图像,但尚未成功。。我已经使用npm安装了文件加载器和url加载器,我已经配置了webpack.config文件,正如我在文档中看到的那样,但是我刚刚得到一个错误。。 谢谢你的帮助 而是在搜索栏组件中这样写 import Minor from './minor.png' class SearchBar extends component{ render(){ return( <img src={Minor} alt="myL

我一直在尝试使用react和webpack导入图像,但尚未成功。。我已经使用npm安装了文件加载器和url加载器,我已经配置了webpack.config文件,正如我在文档中看到的那样,但是我刚刚得到一个错误。。


谢谢你的帮助

而是在搜索栏组件中这样写

import Minor from './minor.png'

class SearchBar extends component{
 render(){
  return(
     <img src={Minor} alt="myLogo" />
  )
 }
}
import Minor from./Minor.png'
类搜索栏扩展组件{
render(){
返回(
)
}
}

您是否已将image minor.png放在“SearchBar”文件的同一文件夹中?请检查我是否真的按照您告诉我的那样做了,我得到了完全相同的错误!是的。。这些是搜索栏组件以及我的webpack.config的屏幕截图