2017-05-29 35 views
10

करने के लिए कस्टम CSS और JS कैसे जोड़ें कोणीय 2 में, मैं सिर्फ index.html में उन्हें जोड़ सकता है इस तरह:कोणीय 4

<link rel="stylesheet" href="css/mycss.css"> 

लेकिन कोणीय 4 में इसे करने के लिए जोड़ा जाना आवश्यक है शैलियों और स्क्रिप्ट सरणी अनुभाग में कोणीय-cli.json फ़ाइल।

मेरी स्थिति में वे बिल्कुल लोड नहीं लगते हैं। कोई त्रुटि नहीं, लेकिन जब मैं ब्राउज़र में ऐप देखता हूं, मुझे पता है कि शैलियों को लोड नहीं किया गया था। जब मैं index.html फ़ाइल में शैलियों और जेएस जोड़ता हूं तो यह भी लोड नहीं होता है, मुझे कंसोल में 404 मिलते हैं।

मैं इसे कैसे ठीक करूं? @ कोणीय/CLI: नीचे कोणीय CLI के अपने संस्करण है 1.0.2 नोड: 6.9.2

+0

क्या आपने सीएसएस फ़ाइलों को 'शैलियों' सरणी में जोड़ने के बाद अपने सर्वर को पुनरारंभ किया है? अपने सर्वर को तोड़ने का प्रयास करें और 'ng Serv' – Dieterg

+0

को फिर से चलाने का प्रयास करें आपने कोणीय-cli.json के अंदर क्या कॉन्फ़िगर किया है? –

+0

आप अभी भी उन्हें लिंक टैग के रूप में रख सकते हैं। कोणीय-क्ली एक 'संपत्ति' फ़ोल्डर बनाता है, उन्हें अंदर रखता है और उन्हें आपकी index.html फ़ाइल में संदर्भित करता है ('src =" संपत्ति/yourPath.css "' के अंतर्गत) – trichetriche

उत्तर

11

आप कोणीय CLI उपयोग कर रहे हैं तो अपने .angular-cli.json करने के लिए जाना और फिर आप प्राप्त कर सकते हैं "शैली": [] के साथ-साथ "स्क्रिप्ट": [] इन अंदर आपको अपना सीएसएस फ़ाइलों जे एस फ़ाइलें

"styles": [ 
      yourfirst-css-file , //comma (,)is important 
      your-second-css-file 
      ], 

जोड़ सकते हैं और कर सकते हैं उदाहरण के लिए: -

"styles": [ 
     "styles.css", 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ], 

"scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/tether/dist/js/tether.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js" 
     ], 

और 404 त्रुटि का अर्थ है कि फ़ाइल नहीं मिली है। पूर्ण "url" फ़ोल्डर (src) को आज़माएं और संलग्न करें।