संसाधन को स्टाइलशीट के रूप में व्याख्या किया गया लेकिन MIME प्रकार के पाठ / html के साथ स्थानांतरित किया गया (लगता है कि वेब सर्वर से संबंधित नहीं है)


189

मुझे यह समस्या है। Chrome इस त्रुटि को लौटाता है

संसाधन को स्टाइलशीट के रूप में व्याख्या किया गया लेकिन MIME प्रकार के पाठ / html के साथ स्थानांतरित किया गया

इस त्रुटि से प्रभावित फाइलें सिर्फ स्टाइल, चुनी हुई और jquery-gentleselect (अन्य सीएसएस फाइलें जो उसी तरह सूचकांक में आयात की जाती हैं, जो अच्छी तरह से और बिना त्रुटि के काम करती हैं)। मैंने पहले से ही अपने MIME प्रकार की जाँच कर ली है और पाठ / css पहले से ही CSS पर है।

ईमानदारी से मैं समस्या को समझने के साथ शुरुआत करना चाहता हूं (एक ऐसी चीज जो लगता है कि मैं अकेले नहीं कर सकता)।


क्या आप इस स्टाइलशीट का URL प्रदान कर सकते हैं?
श्री लिस्टर

बस अगर किसी को इसकी जरूरत है। सीएसएस फ़ाइल के संपीड़न के कारण मेरे साथ ऐसा हो रहा था। और किसी भी तरह से दो बार संपीड़न के बाद, एक स्थानीय में, एक मेरे सीडीएन प्रदाता से, सर्वर अब इसे पहचान नहीं सकता है।
20

यह मेरे साथ तब हुआ जब एक स्टाइलशीट टैग के अनुरोध को सर्वर पर मिडिलवेयर (स्थैतिक फ़ाइल परोसने से पहले का सामान्य मिडलवेयर) के आदेश के कारण पुनर्निर्देशित किया जा रहा था। कंसोल में त्रुटि संदेश Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/login". login:1 Uncaught SyntaxError: Unexpected token <ने मूल सीएसएस अनुरोध के बजाय रीडायरेक्ट किए गए पृष्ठ यूआरएल को दिखाया, जिससे इसे ट्रैक करना थोड़ा मुश्किल हो गया।
विघ्न

मैंने भी अनुभव किया कि @ युगन क्या भाग गया। ऐसा इसलिए था क्योंकि स्टाइलशीट को प्रमाणीकरण की आवश्यकता थी। । । उस पृष्ठ पर जो प्रमाणीकरण करने का प्रयास कर रहा था। समस्या निवारण के लिए वास्तव में कठिन मुद्दा है, लेकिन एक बार जब आप इसे समझ लेते हैं, तो यह बहुत स्पष्ट लगता है।
टॉड आर

बहुत से लोगों ने विभिन्न वातावरणों में इस मुद्दे के विभिन्न समाधानों को जोड़ा है। मुझे (रिएक्टज) खोजने से पहले बहुत स्क्रॉल करना पड़ा। यदि आप एसओ में हमेशा की तरह शीर्ष पर नहीं हैं, तो हार न मानें।
जुआन लानुस

जवाबों:


86

मैं समस्या को समझकर शुरू करना चाहता हूं

ब्राउज़र्स सर्वर से HTTP अनुरोध करते हैं। सर्वर तब HTTP प्रतिसाद देता है।

अनुरोधों और प्रतिक्रियाओं दोनों में हेडर का एक गुच्छा होता है और इसमें कुछ सामग्री के साथ (कभी-कभी वैकल्पिक) शरीर होता है।

यदि कोई निकाय है, तो शीर्षलेखों में से एक वह है Content-Typeजो वर्णन करता है कि शरीर क्या है (क्या यह HTML दस्तावेज़ है? एक छवि? एक फ़ॉर्म सबमिशन की सामग्री? आदि)।

जब आप अपनी स्टाइलशीट के लिए पूछते हैं, तो आपका सर्वर ब्राउज़र को बता रहा है कि यह Content-Type: text/htmlस्टाइलशीट ( Content-Type: text/css) के बजाय एक HTML दस्तावेज़ ( ) है।

मैंने पहले ही अपना myme.type चेक कर लिया है और टेक्स्ट / css पहले से ही css पर है।

फिर आपके सर्वर के बारे में कुछ और बता रहा है कि स्टाइलशीट गलत सामग्री प्रकार के साथ आती है।

अनुरोध और प्रतिक्रिया की जांच करने के लिए अपने ब्राउज़र के डेवलपर टूल के नेट टैब का उपयोग करें।


4
मुझे लगता है कि मुझे पूरा यकीन है कि समस्या मेरे .htaccess wich में है pastebin.com/w8UnqFs8 (मैं यह उल्लेख करना भूल गया कि यह त्रुटि मुझे केवल उपनिर्देशिका में और केवल पृष्ठ ताज़ा करने के बाद ही मिल रही है)। आपके स्पष्टीकरण के लिए धन्यवाद, समस्या को समझने के लिए बहुत उपयोगी था। :)
मैक्स

सुनिश्चित करें कि आप लॉग इन किए बिना फ़ाइल का उपयोग कर सकते हैं।
वकार

1
@ मोम आप उस जानकारी को वास्तविक प्रश्न में क्यों नहीं डालते? :)
my१ को १२:४२

101

कोणीय का उपयोग?

यह याद रखने के लिए एक बहुत महत्वपूर्ण चेतावनी है।

आधार टैग को न केवल सिर में बल्कि सही स्थान पर होना चाहिए।

मेरे सिर में गलत जगह पर मेरा आधार टैग था, यह यूआरएल अनुरोधों के साथ किसी भी टैग से पहले आना चाहिए। मूल रूप से शीर्षक के नीचे दूसरे टैग के रूप में रखने से यह मेरे लिए हल हो गया।

<base href="/">

मैंने यहाँ पर एक छोटी सी पोस्ट लिखी


2
मेरे लिए इसे हल ng-hrefकरने के बजाय उपयोग hrefकरना!
पीटर विल्सन

मुझे ओटीएस पार्सिंग त्रुटि मिल रही थी: इसके बजाय अमान्य संस्करण टैग, लेकिन समाधान खोजने के दौरान यह पाया गया और ओह माय गॉड, इसने मुझे बचाया।
पैट्रिक ग्राहम

1
मेरे मामले में, मैं एक .htaccess rewrite नियम का उपयोग करके एक निर्देशिका को एक क्वेरी स्ट्रिंग चर में बदलने के लिए उपयोग कर रहा था, जैसे:RewriteRule ^my_dir/(.+)$ /new_dir/?my_var=$1 [L,QSA]
lincolnberryiii

मैक्स की तरह, इस तथ्य के बावजूद मेरा मुद्दा तय हो गया कि मैं एंगुलर का उपयोग नहीं कर रहा हूं। मैंने सबसे पहले अन्य सभी लिंक के सामने, अपने हेड सेक्शन में आपत्तिजनक लिंक / href रखा, और चेतावनी गायब हो गई।

अपने लेख में अपने शीर्षक का नाम बदलना चाह सकते हैं। मैं भी कोणीय का उपयोग नहीं करते। मैं स्विफ्ट + लीफ का उपयोग कर रहा हूं और इससे मेरी समस्या हल हो गई।
स्विफ्ट नब

38

मुझे इस त्रुटि के साथ भी समस्या थी, और एक समाधान पर आया था। यह स्पष्ट नहीं करता है कि त्रुटि क्यों हुई, लेकिन यह कुछ मामलों में इसे ठीक करता है।

फॉरवर्ड स्लैश शामिल करें / सीएसएस फ़ाइल का पथ से पहले, इसलिए पसंद:

<link rel="stylesheet" href="https://stackoverflow.com/css/bootstrap.min.css">


क्या यह इस मामले में प्रासंगिक है?
गाइल्स गौइलार्डेट

2
मैं इस छोटी सी गलती पर बहुत समय के लिए हार गया था। यदि कोई मेरा उत्तर पढ़ेगा और इससे उसे मदद मिलेगी तो यह इस मामले में प्रासंगिक होगा।
त्रिलोचन

2
वास्तव में क्या हुआ है सर्वर ने फ़ाइल को सेवा दी है /css/bootstrap.min.css, लेकिन जब आपने इसे शामिल नहीं किया था, तो /यह वर्तमान निर्देशिका में दिखता है, उदाहरण के लिए यदि आप गए थे yoursite.com/hello/trilochan, तो यह नीचे दिखाई देगा hello/css/bootsrap.min.css, लेकिन यह वास्तव में नीचे है yoursite.com/css/bootsrap.min.css, मुझे आशा है कि मैंने साफ़ कर दिया है यह, /रूट को संदर्भित करता है, और इसके बिना /, यह वर्तमान निर्देशिका में दिखता है।
सूरज जैन

1
@GillesGaaillardet यह बहुत अधिक प्रासंगिक था, मुझे भी यही समस्या थी।
सूरज जैन

मैं आपको अत्यधिक डेवलपर की सिफारिश करूंगा कि आप कोल्ट स्टील से udemy पर वेब डेवलपर बूटकैंप करें, यह आपकी शंकाओं को दूर करने में आपकी मदद करेगा।
सूरज जैन

17

इस पोस्ट में सभी उत्तरों की तुलना में मेरा मुद्दा सरल था।

स्थैतिक सामग्री को शामिल करने के लिए मुझे IIS सेटअप करना पड़ा।

यहां छवि विवरण दर्ज करें


10

इसे इस्तेमाल करे <link rel="stylesheet" type="text/css" href="../##/yourcss.css">

##आपका फ़ोल्डर कहाँ है जिसमें आपकी .CSS - फ़ाइल है

के बारे में मत भूलना: ..(डबल डॉट्स)।


मैंने डबल डॉट्स और स्लैश (../ file_path) जोड़े। यह मेरे लिए काम किया। धन्यवाद
विद्या

इन दोनों को जोड़ने का कारण क्या है..
परदीप जैन

10

बेनामी प्रमाणीकरण क्रेडेंशियल सेट अप करने के लिए अनुप्रयोग पूल पहचान मेरे लिए चाल चली।

यहां छवि विवरण दर्ज करें


9

मैं भी उसी समस्या का सामना कर रहा था। और कुछ आर एंड डी करने के बाद, मैंने पाया कि समस्या फ़ाइल नाम के साथ थी। वास्तविक फ़ाइल का नाम "lightgallery.css" था, लेकिन लिंक करते समय मैंने "lightGallery.css" टाइप किया है ।

और जानकारी:

इसने मेरे लोकलहोस्ट (OS: Windows 8.1 और सर्वर: Apache) पर अच्छा काम किया। लेकिन जब मैंने अपने एप्लिकेशन को एक दूरस्थ सर्वर (अपने स्थानीय होस्ट की तुलना में अलग ओएस और वेब सर्वर) पर अपलोड किया, तो यह आपके लिए एक ही त्रुटि नहीं थी।

तो, समस्या थी केस संवेदनशीलता (सर्वर के नाम दर्ज करने के संबंध में)।


धन्यवाद, मैं एक वर्तनी की गलती के कारण अपना सिर तोड़ रहा था।
निश्चल कुमार ईसा पूर्व

7

अन्य उत्तरों के आधार पर ऐसा लगता है कि इस संदेश के बहुत सारे कारण हैं, मुझे लगा कि मैं अपना व्यक्तिगत समाधान साझा करूंगा अगर किसी को भविष्य में मेरी सटीक समस्या है।

हमारी साइट एक एडब्ल्यूएस क्लाउडफ्रंट वितरण से सीएसएस फाइलों को लोड करती है, जो मूल के रूप में एस 3 बाल्टी का उपयोग करती है। इस विशेष S3 बाल्टी को जेनकिन्स चलाने वाले एक लिनक्स सर्वर के लिए सिंक किया गया था। syncके माध्यम से आदेश s3cmdसेट S3 वस्तु स्वचालित रूप से क्या ओएस का कहना है के आधार पर के लिए सामग्री प्रकार (संभवतः फाइल एक्सटेंशन के आधार पर)। किसी कारण से, हमारे सर्वर में, .cssफ़ाइलों को छोड़कर सभी प्रकार सही ढंग से सेट किए जा रहे थे , जो इसे प्रकार देता था text/plain। S3 में, जब आप किसी फ़ाइल के गुणों में मेटाडेटा की जाँच करते हैं, तो आप जो चाहें टाइप कर सकते हैं। text/cssसीएसएस के रूप में फ़ाइलों को सही ढंग से व्याख्या करने और सही ढंग से लोड करने के लिए हमारी साइट को अनुमति देने के लिए इसे सेट करना ।


6

मामले में आप nginx के साथ स्थिर सीएसएस की सेवा करते हैं जिसे आपको जोड़ना चाहिए

location ~ \.css {
    add_header  Content-Type    text/css;
}
location ~ \.js {
    add_header  Content-Type    application/x-javascript;
}

या

location ~ \.css{
    default_type text/css;
}
location ~ \.js{
    default_type application/x-javascript;
}

to nginx conf


5

@ रोब सेडविक के जवाब ने मुझे एक संकेत दिया, हालांकि, मेरे मामले में मेरा ऐप एक स्प्रिंग बूट एप्लिकेशन था । इसलिए मैंने संबंधित फ़ाइलों के पथों के लिए अपने सुरक्षा कॉन्फ़िगरेशन में बहिष्करण जोड़ा है ...

नोट - यह समाधान स्प्रिंगबूट-आधारित है ... आपको जो प्रोग्रामिंग भाषा आप उपयोग कर रहे हैं और / या आप किस फ्रेमवर्क का उपयोग कर रहे हैं, उसके आधार पर आपको क्या करने की आवश्यकता हो सकती है

हालाँकि ध्यान देने वाली बात यह है;

अनिवार्य रूप से समस्या तब हो सकती है जब हर अनुरोध, जिसमें स्थैतिक सामग्री शामिल हैं, प्रमाणित किया जा रहा है।

तो आइए मेरी स्थैतिक सामग्री के लिए कुछ मार्ग बताएं जो त्रुटियों का कारण थे;

एक पथ जिसे "प्लगइन्स" कहा जाता है

http: // localhost: 8080 / plugins / शैलियों / सीएसएस / फ़ाइल 1.css

http: // localhost: 8080 / plugins / शैलियों / सीएसएस / फ़ाइल 2.css

http: // localhost: 8080 / plugins / js / लिपि-file.js

और एक पथ जिसे "पृष्ठ" कहा जाता है

http: // localhost: 8080 / पृष्ठों / शैलियों / सीएसएस / शैली के 1.css

http: // localhost: 8080 / पृष्ठों / शैलियों / सीएसएस / शैली के 2.css

http: // localhost: 8080 / पृष्ठों / js / scripts.js

फिर मैं अपने स्प्रिंग बूट सिक्योरिटी कॉन्फिगरेशन में केवल इस प्रकार बहिष्करण जोड़ता हूं;

@Configuration
@EnableGlobalMethodSecurity(prePostEnabled = true)
@Order(SecurityProperties.ACCESS_OVERRIDE_ORDER)
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
            .antMatchers(<comma separated list of other permitted paths>, "/plugins/**", "/pages/**").permitAll()
            // other antMatchers can follow here
    }

}


इन रास्तों को छोड़कर "/plugins/**"और "/pages/**"प्रमाणीकरण से त्रुटियों को दूर किया गया।


चीयर्स!


@ बीन राइस-लुईस ... मुझे आश्चर्य है कि आपको क्यों लगता है कि यह एक प्रश्न है या उस मामले के लिए एक जैसा दिखता है। शायद, आप मेरे जवाब को ध्यान से पढ़ना चाहते हैं, यह देखने के लिए कि यह वास्तव में एक जवाब है - अफसोस, एक जो मेरे मामले में काम किया ... और निश्चित रूप से एक सवाल नहीं है।
SourceVisor

माफ करना मेरा बुरा। मुझे यकीन नहीं है कि यह कैसे हुआ, मैंने एक बू-बू बनाया। कृपया मेरी क्षमा याचना स्वीकार करे।
बेन राइस-लुईस

4

कोणीय का उपयोग करना

मेरे मामले में मेरे लिए इसे हल ng-hrefकरने के बजाय उपयोग hrefकरना।

ध्यान दें :

मैं बैक-एंड के रूप में लार्वा के साथ काम कर रहा हूं


लेकिन इसे कहां जोड़ा जाए?
परदीप जैन

लिंक टैग में
पीटर विल्सन

3

मैं एक ही चीज़ का सामना कर रहा था, उसी तरह की ।htaccess फ़ाइल के साथ बहुत सुंदर यूआरएल बनाने के लिए। कुछ घंटों के आसपास देखने और प्रयोग करने के बाद। मुझे पता चला कि त्रुटि अपेक्षाकृत लिंकिंग फ़ाइलों के कारण थी।

ब्राउज़र सभी सीएसएस, जेएस और छवि फ़ाइलों के लिए एक ही स्रोत HTML फ़ाइल प्राप्त करना शुरू कर देगा, जब मैं सर्वर में कुछ कदम गहरी ब्राउज़ करूंगा।

इसका मुकाबला करने के लिए आप <base>अपने html स्रोत पर टैग का उपयोग कर सकते हैं ,

<base href="http://localhost/assets/">

और फ़ाइलों की तरह लिंक,

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/script.js"></script>

या अपनी सभी फ़ाइलों के लिए पूर्ण लिंक का उपयोग करें।

<link rel="stylesheet" type="text/css" href="http://localhost/assets/css/style.css" />
<script src="http://localhost/assets/js/script.js"></script>
<img src="http://localhost/assets/images/logo.png" />

3

यदि आप JSP पर हैं, तो यह समस्या आपके सर्वलेट मैपिंग से आ सकती है। यदि आपका मानचित्रण इस तरह से डीफ़ॉल्ट द्वारा url लेता है:

@WebServlet("/")

तब कंटेनर आपके css url की व्याख्या करता है, और css फ़ाइल में जाने के बजाय सर्वलेट में जाता है।

मेरे पास एक ही मुद्दा था, मैंने अपनी मैपिंग बदल दी और अब हर काम करता है


2

प्रपत्र प्रमाणन के उपयोग से मुझे MVC4 में एक समान समस्या है। समस्या यह थी वेब में लाइन ।config,

<modules runAllManagedModulesForAllRequests="true">

इसका मतलब यह है कि स्थिर अनुरोध के लिए उन सभी अनुरोधों को प्रमाणित किया जा रहा है।

इस पंक्ति को इसमें बदलें:

<modules runAllManagedModulesForAllRequests="false">

2

यहां छवि विवरण दर्ज करें मैं हाल ही में क्रोम पर भी इस समस्या का सामना कर रहा हूं । मैं बस अपने CSS फ़ाइल समस्या को हल करने के लिए निरपेक्ष पथ देता हूं।

<link rel="stylesheet" href="<?=SS_URL?>arica/style.css" type="text/css" />

तुम मुझसे मजाक कर रहे हो। इस समाधान को 3 बार की तरह खारिज कर दिया। इस पेज पर कई बार आया लेकिन सब कुछ और कोशिश करने के बाद, मैंने कहा: "क्या गलत हो सकता है"। इसने काम कर दिया!!! जीवन का रहस्य
Kermit_ice_tea

1

मैं ओपी में टॉड आर के बिंदु पर विस्तार करना चाहता हूं। Asp.net पृष्ठों में, web.configफ़ाइल एप्लिकेशन में प्रत्येक फ़ाइल या फ़ोल्डर तक पहुंचने के लिए आवश्यक अनुमतियों को परिभाषित करती है। हमारे मामले में, सीएसएस फ़ाइलों के फ़ोल्डर ने अनधिकृत उपयोगकर्ताओं के लिए उपयोग की अनुमति नहीं दी है, जिससे उपयोगकर्ता को अधिकृत करने से पहले यह लॉगिन पृष्ठ पर विफल हो जाता है। web.configसीएसएस फ़ाइलों का उपयोग करने के लिए अनधिकृत उपयोगकर्ताओं में आवश्यक अनुमतियों को बदलना और इस समस्या को हल करना।


0

मामले में किसी को भी इस पोस्ट के लिए आता है और एक समान मुद्दा है। मैंने सिर्फ एक समान समस्या का अनुभव किया, लेकिन समाधान काफी सरल था।

एक डेवलपर ने गलती से web.config की एक प्रतिलिपि सीएसएस निर्देशिका में गिरा दी थी। हटाए जाने के बाद, सभी त्रुटियां हल हो गईं और पृष्ठ ठीक से प्रदर्शित हुआ।


धन्यवाद @ रोहित गुप्ता एडिट के लिए। मैं अपने आंतरिक व्याकरण प्रबंधक की तुलना में तेजी से टाइप कर रहा था! =)
हिडोस 1

3
यह ASP.NET- विशिष्ट समाधान है, जो प्रश्न का कोई स्पष्ट हिस्सा नहीं है।
dakab

@dakab तो क्या? बहुत सारे अन्य उत्तर भी फ्रेमवर्क-विशिष्ट हैं, और उन्होंने उन फ्रेमवर्क का उपयोग करने में लोगों की मदद की है जो समान समस्या का सामना कर रहे हैं।
jsabrooke

0

मैं एक पुराने MEAN स्टैक प्रोजेक्ट पर काम फिर से शुरू करते हुए एक ही मुद्दे पर आया था। मैं nodemonअपने स्थानीय विकास सर्वर के रूप में उपयोग कर रहा था और मुझे वही त्रुटि मिली Resource interpreted as stylesheet but transferred with MIME type text/html। मैं से बदल nodemonकरने के लिए http-serverपाया जा सकता है यहाँ । इसने तुरंत मेरे लिए काम किया।


0

ऐसा इसलिए होता है क्योंकि आपने अपने सर्वर पेज के लिए टेक्स्ट / सीएसएस के बजाय टेक्स्ट / html के रूप में सामग्री प्रकार सेट किया होगा (php, node.s आदि)


1
यह समस्या एक सीएसएस फ़ाइल के बारे में थी, एक html नहीं
मैक्स

0

यह तब हुआ जब मैंने एक Google सीडीएन द्वारा सेव की गई सीएसएस स्टाइलशीट के लिए सीएसएस लिंक से प्रोटोकॉल हटा दिया।

यह कोई त्रुटि नहीं देता है:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Architects+Daughter">

लेकिन यह स्ट्रेसशीट के रूप में व्याख्या की गई त्रुटि संसाधन देता है लेकिन MIME टाइप टेक्स्ट / html के साथ स्थानांतरित किया जाता है :

<link rel="stylesheet" href="fonts.googleapis.com/css?family=Architects+Daughter">

0

मैं इसी तरह के मुद्दे का सामना कर रहा था। और इस शानदार स्टैक ओवरफ्लो पृष्ठ में खोज समाधान।

user54861 ​​की प्रतिक्रिया (मामले की संवेदनशीलता में बेमेल नाम) मुझे अपने कोड का फिर से निरीक्षण करने के लिए उत्सुक बनाता है और महसूस किया कि " मैंने दो जेएस फाइलें अपलोड नहीं की हैं जो मैंने उन्हें हेड टैग में लोड किया था "। :-)

जब मैंने उन्हें अपलोड किया तो मुद्दा दूर भाग गया! और कोड रन और पेज बिना किसी अन्य त्रुटि के प्रदान किए गए!

इसलिए, कहानी का नैतिक यह सुनिश्चित करने के लिए मत भूलना कि आपकी सभी जेएस फाइलें अपलोड की गई हैं जहां पृष्ठ उन्हें ढूंढ रहा है।


यह वास्तव में सवाल का जवाब नहीं देता है। यदि आपका कोई अलग प्रश्न है, तो आप प्रश्न पूछकर क्लिक करके पूछ सकते हैं । पर्याप्त प्रतिष्ठा होने पर आप इस प्रश्न पर अधिक ध्यान आकर्षित करने के लिए एक इनाम भी जोड़ सकते हैं । - समीक्षा से
नींबू काजी

यदि डेवलपर सर्वर से संसाधन लोड नहीं करता है तो जावास्क्रिप्ट स्क्रिप्ट के लिए एक प्रासंगिक त्रुटि या अपवाद जोड़ने के लिए एक सुराग नहीं हो सकता है? मेरा मतलब है "संसाधन को स्टाइलशीट के रूप में व्याख्या की गई लेकिन MIME टाइप टेक्स्ट / html के साथ स्थानांतरित किया गया" थोड़ा भ्रमित है, है ना?
होसैन खलीसी

0

मैं एक ही मुद्दे पर एक .NET अनुप्रयोग, एक CMS ओपन-सोर्स जिसे MojoPortal कहा जाता है, के साथ आया था। किसी विशेष साइट के लिए मेरी थीम और स्किन में, ब्राउज़ करते समय या परीक्षण करते समय यह पीस जाता है और धीमा हो जाता है जैसे यह घुट रहा था।

मेरा मुद्दा सीएसएस के लिए "प्रकार" विशेषता का नहीं था, लेकिन यह "वह दूसरी बात" था। मेरा सटीक परिवर्तन Web.Config में हुआ था । मैंने सभी मानों को FALSE में MinifyCSS, CacheCssOnserver, और CacheCSSinBrowser के लिए बदल दिया।

एक बार जो सेट किया गया था वेब साइट उत्पादन में एक बार फिर से तेजी थी।


0

एक ही त्रुटि थी क्योंकि मैं पहले सही हेडर भेजना भूल गया था

header("Content-type: text/css; charset: UTF-8");
print 'body { text-align: justify; font-size: 2em; }';

0

ReactJs का उपयोग करते समय, जब मैं रिश्तेदार फ़ाइल का उपयोग करता हूं, जैसे कि रिश्तेदार लिंक का उपयोग करके

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

और फिर मैं एक मार्ग पर नेविगेट करता हूं; localhost:3000/artistऔर ताज़ा करें, मुझे त्रुटि मिली है।

त्रुटि के बाद गायब हो गया जब मैंने सापेक्ष लिंक को निरपेक्ष लिंक के साथ बदल दिया;

<link rel="stylesheet" href="http://localhost/project/public/css/style.css"


मेरे पास यह मुद्दा था, समान वातावरण, और बिना किसी भाग्य के आपके समाधान की कोशिश की। लेकिन आपने मुझे एक शोध पथ दिखाया :-) सार्वजनिक फ़ोल्डर में सीएसएस फ़ाइलों को स्थानांतरित करने के बाद संदेश गायब हो गए। एक बार जब मैंने किया तो निरपेक्ष रास्तों की कोई आवश्यकता नहीं थी।
जुआन लानुस

0

जब मैं npm के साथ स्थापित एक रिएक्ट लेआउट मॉड्यूल के लिए सीएसएस लोड करते समय मुझे इस समस्या का सामना करना पड़ा। इस मॉड्यूल को चलाने के लिए आपको दो .css फ़ाइलों को आयात करना होगा, इसलिए मैंने शुरू में उन्हें इस तरह आयात किया:

@import "../../../../node_modules/react-grid-layout/css/styles.css";

लेकिन पता चला कि फ़ाइल एक्सटेंशन को छोड़ना होगा, इसलिए इसने काम किया:

@import "../../../../node_modules/react-grid-layout/css/styles";

0

यदि नोडज और एक्सप्रेस कोड का उपयोग करते हुए काम करता है ...

res.set('Content-Type', 'text/css');

यहाँ पर टिप्पणी करना क्योंकि यह Node.JS से संबंधित है। मुझे अपने होस्टिंग प्रदाता
रीड

0

मुझे वही सटीक समस्या है और कुछ मिनटों के आसपास बेवकूफ बनाने के बाद मैंने डिक्रिप्ट किया कि मैं अपने हेडर में फ़ाइल एक्सटेंशन को जोड़ने से चूक गया। इसलिए मैंने निम्नलिखित लाइन बदल दी:

<link uic-remove rel="stylesheet" href="css/bahblahblah">

सेवा

<link uic-remove rel="stylesheet" href="css/bahblahblah.css"> 

0

मैंने आज ही इस मुद्दे को क्रोम पर शुरू किया है और उसी परियोजना के लिए सफारी नहीं किया है / अपने goormide कंटेनर (नोड .js) के लिए url।

ऊपर दिए गए कई सुझावों को आजमाने के बाद, जो कि मैंने कल से लेकर आज तक किए गए कुछ कोड परिवर्तनों पर काम नहीं किया था और उन पर भी कोई फर्क नहीं पड़ा, जिन्हें मैंने क्रोम सेटिंग में क्लिक करके समाप्त किया:

1.Settings;

2. नीचे से नीचे तक का चयन करें, का चयन करें: "उन्नत";

3. नीचे से नीचे तक का चयन करें, का चयन करें: "अपने मूल चूक के लिए सेटिंग्स पुनर्स्थापित करें";

ऐसा प्रतीत होता है कि समस्या को ठीक कर दिया गया है क्योंकि मुझे अब कंसोल में चेतावनी / त्रुटि नहीं मिलती है और पृष्ठ को प्रदर्शित करना चाहिए जैसा कि यह होना चाहिए। ऊपर दिए गए पोस्टों को पढ़ना यह प्रतीत होता है कि समस्या किसी भी संख्या में स्रोतों से हो सकती है इसलिए सेटिंग्स रीसेट एक संभावित सामान्य निर्धारण है। चियर्स


0

यदि आप ठेस में ऐप परोस रहे हैं तो सुनिश्चित करें कि आप सर्विस वर्कर के साथ स्टैटिक फाइल्स परोस रहे हैं। मुझे यह त्रुटि तब हुई जब मैं Django पर रिएक्ट बिल्ड के केवल स्थिर सबफ़ोल्डर की सेवा कर रहा था (बिना संपत्ति के जिनके पास शैलियाँ हैं)


0

प्रतिक्रिया का उपयोग करना

मुझे अपनी प्रतिक्रिया प्रोफ़ाइल ऐप में यह त्रुटि आई। मेरे ऐप ने इस तरह का व्यवहार किया जैसे वह किसी url को संदर्भित करने का प्रयास कर रहा हो जो मौजूद नहीं है। मेरा मानना ​​है कि वेबपैक के व्यवहार के साथ इसका कुछ लेना-देना है।

यदि आप अपने सार्वजनिक फ़ोल्डर में फ़ाइलें लिंक कर रहे हैं, तो आपको इस तरह के संसाधन से पहले% PUBLIC_URL% का उपयोग करना याद रखना चाहिए:

<link type="text/css" rel="stylesheet" href="%PUBLIC_URL%/bootstrap.min.css" />
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.