img tag srcパスの指定(絶対/相対)


アイコンとしてimgソースコードをロードしますが、パスが正しくありません.
結論:
絶対パス:
jsxファイルでは、絶対パスフォルダはpulicです
cssファイルでは、絶対パスフォルダはsrcです.
wtf ...
─ public
└ public_img
publicパスの下にimgフォルダを作成します.jsxファイルでは以下のように使用できます!important
(o)
<img src="./public_icons/Java.png" alt="" />
<img src="public_icons/Java.png" alt="" />
srcフォルダの画像を読み込めません.
(x)
<TechImg src="./src_icons/Java.png" alt="" />
─ src
└ src_imgjsxファイルからsrcフォルダの画像を読み込みます.
相対パスでロードします.
絶対パス(x)
次は正常な動作をします.
<img src={require("../../src_icons/OracleDBMS.png")} alt="" />
次は間違いです.
絶対パス/相対パスはインポートできません.
(x)
import path from "../../src_icons/OracleDBMS.png";