Language-tools: scste (css-syntax-error) जब postcss-preset-env कस्टम मीडिया का उपयोग करते हैं

को निर्मित 2 सित॰ 2020 · 8टिप्पणियाँ · स्रोत: sveltejs/language-tools

प्रजनन करना
आप https://github.com/shamsartem/dbudget को पुन: पेश करने के लिए मेरे रेपो का उपयोग कर सकते हैं
त्रुटियों के लिए default.svelte की जाँच करें।

वैकल्पिक रूप से:

Rollup.config.js और {stage: 0} सेटिंग के साथ postcss.config.js में पोस्ट-प्रीसेट-एनवी प्लगइन जोड़ें
उदा। @ कस्टम-मीडिया --t (चौड़ाई> = 768px) जोड़ें; लंग के साथ App.svelte शैली टैग के अंदर = "postcss"
App.svelte में @media (--t) का उपयोग करने का प्रयास करें - यह काम करना चाहिए और कोई त्रुटि दिखाई नहीं दे रही है
कुछ अन्य घटक में @media (--t) का उपयोग करने का प्रयास करें - यह त्रुटि दिखाता है लेकिन सही ढंग से बनाता है और काम करता है

अपेक्षित व्यवहार
इस मामले में कोई त्रुटि नहीं होनी चाहिए

सिस्टम (कृपया निम्नलिखित जानकारी पूरी करें):

ओएस: मंज़रो
आईडीई: VSCode
प्लगइन / पैकेज: "VSCode के लिए Svelte"

question

स्रोत

shamsartem

सबसे उपयोगी टिप्पणी

मुझे एक वर्कअराउंड मिला (आशा है कि मैं इस नतीजे पर नहीं जाऊँगा कि बहुत तेजी से फिर से लोल)

// svelte.config.js
const sveltePreprocess = require('svelte-preprocess')
const fs = require('fs')
const mediaQueries = fs
  .readFileSync('./src/assets/css/media-queries.css')
  .toString()

module.exports = {
  preprocess: sveltePreprocess({
    postcss: {
      prependData: mediaQueries,
    },
  }),
}

बिल्ड के बारे में, मेरा अनुमान है कि आप अपने app.svelte में कस्टम-मीडिया की घोषणा करते हैं। एक बार जब मैं इसे हटा देता हूं और देव सर्वर को वही त्रुटि देता है जो आप आईडीई में मुठभेड़ करते हैं।
हो सकता है कि जब आप इसका उपयोग करना चाहें, या इसे विश्व स्तर पर उपलब्ध करा सकें, तो आप मीडिया-प्रश्नों को आयात कर सकते हैं।

jasonlyu123 4 सित॰ 2020

🎉1 👍1

सभी 8 टिप्पणियाँ

# 305 का डुप्लीकेट

हमारे पास अगले पोस्टस् या सीएसएस के सत्यापन का समर्थन करने की योजना नहीं है। यह बहुत ज्यादा रखरखाव का काम करता है। आप सेटअप निर्देश के लिए इस दस्तावेज़ का उल्लेख कर सकते हैं

jasonlyu123 3 सित॰ 2020

आपके विशिष्ट मामले के लिए: Svelte फ़ाइलों को प्रति फ़ाइल ट्रांसपोंड किया जाता है, इसलिए यह घटक के अंदर उस --t बारे में कुछ भी नहीं जानता है यदि आप इसे वहां परिभाषित नहीं करते हैं। मुझे लगता है कि यह आपके निर्माण के लिए काम करता है क्योंकि सब कुछ अंत में एक बड़े सीएसएस से जुड़ा हुआ है।

dummdidumm 3 सित॰ 2020

प्रतिक्रिया के लिए बहुत-बहुत धन्यवाद। मैं वास्तव में इस पर आपके प्रयास की सराहना करता हूं

मैंने केवल इस बारे में पोस्ट करने का फैसला किया क्योंकि कुछ हफ़्ते के लिए I ll उन कस्टम मीडिया प्रश्नों का उपयोग कर रहा था और कोई त्रुटि नहीं थी, लेकिन कुछ अपडेट के बाद (मुझे लगता है) अब एक है। यह भी भविष्य में सीएसएस कल्पना का हिस्सा बन सकता है, कौन जानता है। मुझे उम्मीद है कि यह कम से कम तय हो जाएगा। धन्यवाद

shamsartem 4 सित॰ 2020

आपको किसी तरह से मीडिया-प्रश्नों से कस्टम-मीडिया बनाने की जरूरत है। svelte-config.js के प्रीप्रोसेस से भी उपलब्ध है।

jasonlyu123 4 सित॰ 2020

अगर मैं इस सटीक कोड को आज़माता हूं जो आपने पोस्ट किया है तो यह एक नई त्रुटि उत्पन्न करता है
"postcssPresetEnv एक फ़ंक्शन नहीं है"। भले ही मैं हटा दूं
एक गलती। फिर भी इस पर एक नज़र डालने के लिए बहुत-बहुत धन्यवाद।

शुक्र पर, 4 सितंबर 2020 को 09:37 पर, लियू, वी-दा सूचनाएँ @github.com ने लिखा:

आपके द्वारा की जा रही समस्या svelte.config.js में प्रीप्रोसेसर की स्थापना है।
आपके रोलअप कॉन्फ़िगरेशन में आपके पास तीन प्लगइन्स लोड हैं। लेकिन केवल ऑटो सक्षम करें
svelte.config.js पर preprocessing ताकि IDE की संकलन प्रक्रिया प्राप्त न हो
इस प्रकार पूर्वनिर्मित शैली में त्रुटि है।
मैंने svelte.config.js में यह कोशिश की और त्रुटि दूर हो जाती है।
const sveltePreprocess = आवश्यकता ('svelte-preprocess') const postcssImport = आवश्यकता ('postcss-import') const postcssPresetEnv = आवश्यकता ('postcss-preset-env')। defaultconstst
const postssPlugins = [
postcssImport (),
postcssPresetEnv ({चरण: 0}),
postcssNested (),]
मॉड्यूल। निर्यात = {
प्रीप्रोसेस: sveltePreprocess ({
sourceMap: सच है,
डाक
प्लगइन्स:
},
}}}
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने थ्रेड अधिकृत किया है।
इस ईमेल का उत्तर सीधे दें, इसे GitHub पर देखें
https://github.com/sveltejs/language-tools/issues/517#issuecomment-686945578 ,
या सदस्यता समाप्त करें
https://github.com/notifications/unsubscribe-auth/AC6ONEK5L3PDUXKDVGIWFMLSECDKVANCNFSM4QTPHU5Q
।

shamsartem 4 सित॰ 2020

इसके लिए मुझे खेद है कि यह XD काम नहीं करता है

jasonlyu123 4 सित॰ 2020

😄1 👍1

// svelte.config.js
const sveltePreprocess = require('svelte-preprocess')
const fs = require('fs')
const mediaQueries = fs
  .readFileSync('./src/assets/css/media-queries.css')
  .toString()

module.exports = {
  preprocess: sveltePreprocess({
    postcss: {
      prependData: mediaQueries,
    },
  }),
}

jasonlyu123 4 सित॰ 2020

🎉1 👍1

@ jasonlyu123 आप बस कमाल हैं! आपने एक ही बार में दोनों मुद्दों को हल कर दिया (दो स्थानों पर मीडिया के प्रश्न भी महान नहीं थे)। मैं वास्तव में इसकी सराहना करता हूं, अब मैं आनंद के साथ काम कर सकता हूं। फिर से धन्यवाद और सब कुछ में शुभकामनाएँ!

shamsartem 4 सित॰ 2020

❤1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Language-tools: scste (css-syntax-error) जब postcss-preset-env कस्टम मीडिया का उपयोग करते हैं

सबसे उपयोगी टिप्पणी

सभी 8 टिप्पणियाँ

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