कोणीय 2 लोड सीएसएस संपत्ति फ़ोल्डर से पृष्ठभूमि छवि

मेरे फ़ोल्डर संरचना की तरहकोणीय 2 लोड सीएसएस संपत्ति फ़ोल्डर से पृष्ठभूमि छवि

-myapp 
    -assets 
     -home-page-img 
      -header-bg.jpg 
    -src 
     -app 
     -home-page 
      -home-page.component.css 
      -home-page.component.html 
      -home-page.component.ts

मेरे घर-page.component.css अंदर, मैं निम्नलिखित है

header { 
    width: 200px; 
    height: 200px; 
    background-image: url('/src/assets/home-page-img/header-bg.jpg'); 
} 

My angular-cli.json 
    "assets": [ 
    "assets", 
    "favicon.ico" 
]

जब मैं चलाने के लग रहा है कोड, मुझे

GET http://localhost:4200/src/assets/home-page-img/header-bg.jpg 404 (Not Found)

उद्देश्य का प्रदर्शन करने के लिए, यदि मैं निम्नलिखित में पृष्ठभूमि-छवि बदलता हूं, तो मुझे एक अलग अलग एरो मिलता है आर

background-image: url('assets/home-page-img/header-bg.jpg'); 

./src/app/home-page/home-page.component.css 
Module not found: Error: Can't resolve './assets/home-page-img/header-bg.jpg' in '/Users/JohnSmith/Desktop/my-app/src/app/home-page'

मैं उस छवि को लोड करने के लिए कैसे प्राप्त कर सकता हूं?

स्रोत

2017-03-15 ErnieKev

चेक जहां चित्रों जिले फ़ोल्डर में स्थित हैं। आपको कभी भी src फ़ोल्डर तक नहीं पहुंचना चाहिए, यह उत्पादन में उपलब्ध नहीं होगा वैसे भी। – sandrooco

यह समझ में आता है। हालांकि, अगर मैं dist फ़ोल्डर का संदर्भ देता हूं तो यह मुझे एक त्रुटि देगा क्योंकि dist फ़ोल्डर मौजूद नहीं है जब तक कि मैं ng build --prod चलाता हूं। – ErnieKev

अपने सीएसएस में अपने सीएसएस को रेफरी के साथ सापेक्ष पथ का उपयोग करें .. कोशिश करें ../assets/home-page-img/header-bg.jpg। मेरे आयनिक 2 प्रोजेक्ट में मेरे लिए क्या काम करता है .. –

background-image: url('../../assets/home-page-img/header-bg.jpg');

स्रोत

2017-03-15 07:24:18 Thyagu

मैं इसका उपयोग का प्रयास करें। हमेशा सीएसएस और एचटीएमएल "संपत्ति /" में "/ संपत्ति /" से शुरू होता है। और मुझे कोई समस्या नहीं है। कोणीय इसे पहचानता है।

सीएसएस

.descriptionModal{ 
    background-image: url("/assets/img/bg-compra.svg"); 
}

एचटीएमएल

<img src="assets/img/ic-logoembajador-horizontal.svg" alt="logoEmbajador">

स्रोत

2018-02-20 17:27:50

कोणीय 2 लोड सीएसएस संपत्ति फ़ोल्डर से पृष्ठभूमि छवि

उत्तर

संबंधित मुद्दे