Ionic イメージ読み込みのヒント
<p>Ionic と Vue 3 をいじってるだけです。 </p>
<p>しかし、<code>ion-img</code> タグを使用すると、アセット フォルダーからロードされた画像が正しく表示されません。 </p>
<p>フォルダー構造: </p>
<pre class="brush:php;toolbar:false;">- アセット
-- ロゴ.svg
- ビュー
-- Authentication.vue</pre>
<p>標準の HTML <code>img</code> を使用して画像を読み込むと正常に動作しますが、<code>ion-img</code> を使用すると正常に動作しません。 </p>
<pre class="brush:php;toolbar:false;"><ion-row>
<img src="../assets/logo.svg"/>
<ion-img src="../assets/logo.svg"></ion-img>
</ion-row></pre>
<p>次のさまざまな src パスを試しました: </p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (無茶ですが私も試してみました)
~/assets/logo.svg</pre>
<p>これについて何か提案はありますか? </p>