"; Gunakan kaedah zzsc1.png "" untuk memperkenalkan imej, dan kemudian secara langsung memperkenalkan pembolehubah ke dalam img."/> "; Gunakan kaedah zzsc1.png "" untuk memperkenalkan imej, dan kemudian secara langsung memperkenalkan pembolehubah ke dalam img.">

Rumah  >  Artikel  >  hujung hadapan web  >  Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?

Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?

藏色散人
藏色散人asal
2023-01-03 15:30:583429semak imbas

Penyelesaian untuk mengimport imej tindak balas tanpa memaparkannya: 1. Import imej melalui "Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?; 2. Import imej melalui "import zzsc daripada "./zzsc1.png"", dan kemudian terus memperkenalkan pembolehubah dalam img.

Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?

Masalah bahawa laluan imej yang diperkenalkan dalam tindak balas adalah betul tetapi tidak dipaparkan pada halaman atau tidak boleh dipaparkan seperti biasa selepas pembungkusan

1. Cara mengimport imej dalam reaksi

Pada masa lalu, kami menggunakan img untuk mengimport imej seperti berikut Jika anda menulis ini dalam reaksi, ralat akan dilaporkan :

<img  alt="Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?" >

Seterusnya saya akan Meringkaskan dua kaedah:

1 Gunakan kaedah yang diperlukan untuk memperkenalkan penggunaan Lu Jin yang salah:

<img  alt="Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?" >

Tulisan di atas akan. tidak berkuat kuasa, kerana jika anda menggunakan create-react-app dan memerlukan imej import, memerlukan pulangan modul ES dan bukannya rentetan. Ini kerana dalam pemuat fail, pilihan esModule didayakan secara lalai.

Jadi gunakan salah satu kaedah berikut untuk mengimport imej: tambahkan .default selepasnya

<img  alt="Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?" >

2 Perkenalkan

import zzsc from "./zzsc1.png"
<img  alt="Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?" >
 

Walau bagaimanapun, kadangkala gambar persekitaran pembangunan anda dipaparkan, tetapi apabila anda menggunakan ia ke persekitaran ujian selepas pembungkusan, anda akan mendapati gambar itu hilang lagi

, garu kepala dan fikir Tak faham apa masalahnya. Ia sebenarnya sangat mudah. ​​Webpack hanya boleh mendapatkan semula imej dalam folder awam anda semasa membungkus, jadi apabila meletakkan bahan imej, lokasi imej juga sangat penting! Hanya letakkan semuanya di bawah fail awam. Kod di atas:

Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?

Jika anda menambah "./" di hadapan laluan pakej, anda perlu menulis semua laluan itu akan menjadi lebih mudah jika anda tidak menambahkannya

Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan? Kajian yang disyorkan: "

tutorial video reaksi

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika imej tindak balas yang diimport tidak dipaparkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn