使用React和Webpack导入图像

Question

I've been trying to import an image using react and webpack however I haven't been successful yet.. I already installed file-loader and url-loader using npm, I already configured the webpack.config file as I saw it on the docs however I just get an error.. https://drive.google.com/open?id=1vdSpLwgwJgUuBCKjej_QosJazMaiGe7P

thanks for any help!

Answer 1

Instead write like this in your SearchBar component.

import Minor from './minor.png'

class SearchBar extends component{
 render(){
  return(
     <img src={Minor} alt="myLogo" />
  )
 }
}