Language-tools: $store मूल्यों को नष्ट करते समय अनपेक्षित त्रुटि

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

बग का वर्णन करें
कथन $: ({ value } = $store); वैध वाक्यविन्यास है जब value $store की संपत्ति है और $store एक स्वेल्टे स्टोर है। यह सामान्य विनाशकारी की तरह व्यवहार करता है और अद्यतनों को संग्रहीत करने के लिए प्रतिक्रियाशील है। यह एक त्रुटि उत्पन्न करता है जब lang="ts" ।

# App.svelte
------------
<script lang="ts">
  import data from "./store";
  $: ({ count } = $data);
</script>

jd:/svelte-playground $ yarn svelte-check                                                                                                                                                                                                                      [0:30]
yarn run v1.22.4
warning package.json: No license field
$ /home/jd/Projects/svelte-playground/node_modules/.bin/svelte-check

Loading svelte-check in workspace: /home/jd/Projects/svelte-playground
Getting Svelte diagnostics...
====================================

/home/jd/Projects/svelte-playground/src/App.svelte:3:9
Error: No value exists in scope for the shorthand property 'count'. Either declare one or provide an initializer. (ts)
;
  $: ({ count } = $data

====================================
svelte-check found 1 error and 0 warnings
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

प्रजनन करना
1) इस आरईपीएल से शुरू करें: लिंक
2) इसे डाउनलोड करें और प्रोजेक्ट में TS सपोर्ट जोड़ें: लिंक
3) संशोधित App.svelte जोड़कर lang="ts" उद्घाटन करने के लिए <script> टैग। (उपरोक्त स्निपेट देखें)
4) svelte-check चलाएँ

अपेक्षित व्यवहार
यह मान्य Svelte/JS सिंटैक्स है और उसका कोड ठीक चलता है। यह टाइपचेकर त्रुटियों का उत्पादन नहीं करना चाहिए।

स्क्रीनशॉट
यदि लागू हो, तो अपनी समस्या समझाने में सहायता के लिए स्क्रीनशॉट जोड़ें।

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

ओएस: विंडोज़
आईडीई: वीएससीओडी (विंडोज-लिनक्स सबसिस्टम)
प्लगइन / पैकेज:
- VSCode के लिए व्यापक
- अच्छी तरह से जांच
- @tsconfig/svelte

Fixed bug

स्रोत

JoeDailey

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

वैकल्पिक हल
टाइपस्क्रिप्ट में Svelte स्टोर्स पर डिस्ट्रक्टिंग का उपयोग न करें। यह आदर्श नहीं है लेकिन अवरोधक नहीं है। एक साथ कई संपत्तियों को नष्ट करते समय यह कम संक्षिप्त होता है।
आरईपीएल: लिंक

# App.svelte
------------
<script lang="ts">
  import data from "./store";
  $: count = $data;
</script>

बेशक आप प्रतिक्रियाशील अपडेट देखने के लिए हमेशा सीधे डीओएम में स्टोर वैल्यू का संदर्भ ले सकते हैं।

JoeDailey 11 अग॰ 2020

इनपुट से

<script lang="ts">
  import data from "./store";
  $: ({ count } = $data);
</script>

<main>
  <h1>Count (inline): {$data.count}</h1>
  <h1>Count (reactive destructure): {count}</h1>
    <button on:click={() => data.update(c => ({count: c.count + 1}))}>
    Increment
  </button>
</main>

svelte2tsx आउटपुट उत्पन्न करता है:

<></>;
import data from "./store";
function render() {


  ;() => {$: ({ count } = __sveltets_store_get(data));}
;
() => (<>

<main>
  <h1>Count (inline): {__sveltets_store_get(data).count}</h1>
  <h1>Count (reactive destructure): {count}</h1>
    <button onclick={() => data.update(c => ({count: c.count + 1}))}>
    Increment
  </button>
</main> </>);
return { props: {}, slots: {}, getters: {}, events: {} }}

export default class extends createSvelte2TsxComponent(__sveltets_partial(render)) {
}

समस्या यह है कि $ -असाइनमेंट एक फ़ंक्शन में लिपटा हुआ है, इसलिए मान इसके दायरे से बाहर मौजूद नहीं है।

dummdidumm 11 अग॰ 2020

👍1

हमें यह जांचना पड़ सकता है कि व्यापक संकलक यह कैसे निर्धारित करता है कि उसे एक चर घोषित करना चाहिए, देखें कि क्या हम अन्य स्थिति को याद करते हैं

jasonlyu123 11 अग॰ 2020

समस्या ts AST विश्लेषण है। यह केवल let x = ... परिवर्तन करता है यदि यह एक बाइनरी अभिव्यक्ति है, लेकिन इस मामले में यह एक बाइनरी अभिव्यक्ति है जो एक कोष्ठक अभिव्यक्ति के अंदर लपेटा गया है।

संपादित करें: मैं इसे ठीक करने के बीच में हूं - ये सभी अगर-तब-भी-सोच-के-कोने-केस-चेक मेरे दिमाग को धुंधला बनाते हैं

dummdidumm 11 अग॰ 2020

👍1

मुझे लगता है कि बाएं चेक को भी बदलने की जरूरत है

https://github.com/sveltejs/language-tools/blob/a032ff2ea702340de7c59f84b480bf9e27f0043d/packages/svelte2tsx/src/svelte2tsx.ts#L770

https://github.com/sveltejs/svelte/blob/f739b4772a4ad32c0fd337afb9d5594ebd776073/src/compiler/compile/Component.ts#L607

jasonlyu123 11 अग॰ 2020

हां, कई चीजों को बदलने की जरूरत है। मैं एक मसौदा पीआर बनाऊंगा ताकि आप मेरी वर्तमान स्थिति देख सकें।

dummdidumm 11 अग॰ 2020

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

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

Language-tools: $store मूल्यों को नष्ट करते समय अनपेक्षित त्रुटि

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

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