Impor javascript gambar dari folder

Saya memiliki dua folder/direktori di dalam direktori/folder src bernama gambar dan komponen. Di dalam folder komponen saya memiliki CustomerProfile. js dan Profil Pelanggan. css dan di dalam gambar saya punya gambar

Table of Contents Show

Komentar teratas (4)
Sortir diskusi
Bagaimana cara mengimpor file gambar dalam JavaScript?
Bagaimana cara mengimpor gambar ke folder?
Bagaimana cara mengimpor gambar dari folder gambar di reaksi JS?

Sekarang saya menggunakan background: url('./images/customer-profile-bg.jpg'); dalam file css untuk mengatur gambar latar belakang tetapi menunjukkan kesalahan selama kompilasi -

./src/components/CustomerProfile.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/components/CustomerProfile.css) Error: Can't resolve './images/customer-profile-bg.jpg' in 'H:\GitTest\FINAL-YEAR-PROJECT-2021\front-end\src\components'_

Bagaimana mengatasi kesalahan ini?

Komentar teratas (4)

Mahkota

Sortir diskusi

Langganan

Pengguna Tepercaya PribadiBuat template

Template memungkinkan Anda dengan cepat menjawab FAQ atau menyimpan cuplikan untuk digunakan kembali

Kirim Pratinjau Tutup

Ciutkan Perluas

Valeria

Mengikuti

Penemu ulang yang luar biasa, pecandu pengoptimalan, dan advokat web terbuka

Lokasi
Stockholm, Swedia
Bekerja
Pimpinan Teknologi
Bergabung
23 September 2020

•

Menu drop down

Bersembunyi

TL;DR Gunakan dua titik di awal jalur, bukan satu, seperti ini. background: url('../images/customer-profile-bg.jpg');

Jalur ./images/customer-profile-bg.jpg, diimpor dari src/components, diselesaikan ke ./src/components/images/customer-profile-bg.jpg

Jalur ../images/customer-profile-bg.jpg_, di sisi lain, akan naik satu folder dari src/components dan masuk ke folder gambar. Yang akan diselesaikan menjadi ./src/images/customer-profile-bg.jpg

Suka komentar. Suka komentar. 1 suka Suka

Ciutkan Perluas

Utsav Akash Naskar

Mengikuti

Halo. Saya Utsav Akash Naskar dari Kolkata, India. Saya seorang desainer UI/UX dan Pengembang Web (front-end)

Surel
utsavakash123@gmail. com
Lokasi
Kalkuta, India
Bergabung

3 November 2020

•

Menu drop down

Bersembunyi

Terima kasih atas penjelasan Anda

Suka komentar. Suka komentar. 1 suka Suka

Ciutkan Perluas

Steven Burrows

Mengikuti

Lokasi
Edinburgh, Skotlandia
Bergabung
12 November 2020

•

Menu drop down

Bersembunyi

apakah itu jalan tidak perlu '. /images/customer-profile-bg. jpg'
Karena Anda harus keluar dari direktori komponen sebelum masuk ke direktori gambar?

Suka komentar. Suka komentar. 1 suka Suka

Ciutkan Perluas

Kaio Gomes

Mengikuti

Kecerdasan Ancaman Siber. Pemburu Ancaman

Lokasi
Fortaleza, CE
Bekerja
DevSecOps di Italtel
Bergabung

5 November 2019

•

Menu drop down

Bersembunyi

import myImage from './images/customer-profile-bg.jpg'_

./src/components/CustomerProfile.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/components/CustomerProfile.css) Error: Can't resolve './images/customer-profile-bg.jpg' in 'H:\GitTest\FINAL-YEAR-PROJECT-2021\front-end\src\components'_0

Suka komentar. Suka komentar. Suka

Kode Etik • Laporkan penyalahgunaan

Yakin ingin menyembunyikan komentar ini?