正しいsrcパス（GET localhost取得404（見つからない））を設定するには？

Question

私はReactJSとWebpackをセットアップしました。私はsrcパスを正しく設定していますが、まだ次のエラーが出ています。理由を理解できないようです。 ./、/、../などのように試してみてください。イメージは、practiceImage.jpgと呼ばれ、パブリックフォルダ内の自分のメディアフォルダにあります。

なぜそれが見つからないのですか？正しいパスは何でしょうか？ページ内の私のhome-page.jsで

はフォルダ：

<div> 
    <img src="../../public/media/practiceImage.jpg" 
     style={{width: '100%', height: '100%'}} 
    /> 
    </div> 

しかし、何もレンダリングしないと私はブラウザとエラーGET http://localhost:8080/public/media/practiceImage.jpg 404 (Not Found)

に壊れた画像を取得し、私のディレクトリツリーです：

enter image description here

Answer 1

webpackが処理できるファイルパスをラップするはずですrequire()コール。

<img src={ require("../../public/media/practiceImage.jpg") } ... 

さらに読書： `` ：http://blog.andrewray.me/webpack-when-to-use-and-why/