img tag srcパスの指定(絶対/相対)
アイコンとしてimgソースコードをロードしますが、パスが正しくありません.
結論:
絶対パス:
jsxファイルでは、絶対パスフォルダはpulicです
cssファイルでは、絶対パスフォルダはsrcです.
wtf ...
─ public
└ public_img
publicパスの下にimgフォルダを作成します.
(o)
(x)
└ src_img
相対パスでロードします.
絶対パス(x)
次は正常な動作をします.
絶対パス/相対パスはインポートできません.
(x)
結論:
絶対パス:
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_img
jsx
ファイルからsrcフォルダの画像を読み込みます.相対パスでロードします.
絶対パス(x)
次は正常な動作をします.
<img src={require("../../src_icons/OracleDBMS.png")} alt="" />
次は間違いです.絶対パス/相対パスはインポートできません.
(x)
import path from "../../src_icons/OracleDBMS.png";
Reference
この問題について(img tag srcパスの指定(絶対/相対)), 我々は、より多くの情報をここで見つけました https://velog.io/@darcyu83/img-tag-src-경로-지정-절대상대テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol