Language-tools: Svelte for VS Code v102.5.0 / svelte-check 1.1.09 μ•„λž˜μ— μŠ€νƒ€μΌ νƒœκ·Έκ°€μžˆλŠ” 경우 .svelte νŒŒμΌμ—μ„œ TS 지원 쀑단

에 λ§Œλ“  2020λ…„ 11μ›” 05일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: sveltejs/language-tools

버그 μ„€λͺ…
κ°€μ Έ 였기 및 마크 μ—… μƒν˜Έ μš΄μš©μ„± μœ ν˜• νžŒνŠΈκ°€ 버전 102.5.0의 .svelte νŒŒμΌμ—μ„œ μ€‘λ‹¨λ©λ‹ˆλ‹€.

  • 마크 μ—…μ—μ„œ js λ³€μˆ˜ (예 : <div>{obj.value}</div> ) μœ„λ‘œ 마우슀λ₯Ό κ°€μ Έ κ°€λ©΄ μœ ν˜• νžŒνŠΈκ°€ μ œκ³΅λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.
  • 마크 μ—…μ—μ„œ μžλ™ 완성을 μ‹œλ„ ν•  λ•Œ 속성 μ œμ•ˆμ΄ μ—†μŠ΅λ‹ˆλ‹€.
  • <script lang="ts"> ts 였λ₯˜κ°€μžˆλŠ” 였 탐지.
  • ꡬ성 μš”μ†Œ κ°€μ Έ 였기 였λ₯˜κ°€μžˆλŠ” μ˜€νƒ (κ²½μš°μ— 따라).

v102.4.0으둜 되 돌리면 code --install-extension [email protected] λ¬Έμ œκ°€ ν•΄κ²°λ©λ‹ˆλ‹€.

μž¬ν˜„ν•˜λ €λ©΄
[email protected] μ„€μΉ˜ν•©λ‹ˆλ‹€. [email protected] λΉ„κ΅ν•˜μ‹­μ‹œμ˜€.

μ˜ˆμƒλ˜λŠ” 행동
μ˜ˆμƒν–ˆλ˜ 일에 λŒ€ν•œ λͺ…ν™•ν•˜κ³  κ°„κ²°ν•œ μ„€λͺ….

슀크린 μƒ·

  • μžλ™ 완성을 μ‹œλ„ ν•  λ•Œ 속성 μ œμ•ˆ μ—†μŒ :
    image
  • ts 였λ₯˜κ°€μžˆλŠ” μ˜€νƒ :
    image
  • ꡬ성 μš”μ†Œ κ°€μ Έ 였기의 μ˜€νƒ (일뢀 경우) :
    image

μ‹œμŠ€ν…œ (λ‹€μŒ 정보λ₯Ό μž‘μ„±ν•˜μ‹­μ‹œμ˜€) :

  • 운영체제 : Windows
  • IDE : VSCode 1.50.1, x64
  • ν”ŒλŸ¬κ·ΈμΈ / νŒ¨ν‚€μ§€ : Svelte for VSCode

μΆ”κ°€ μ»¨ν…μŠ€νŠΈ
λΆ„λͺ…νžˆ λ§ν•˜λ©΄ λ‚΄ 앱은 μ˜ˆμƒλŒ€λ‘œ μ‹€ν–‰λ˜λ©° μ „μ μœΌλ‘œ 도ꡬ 문제인 것 κ°™μŠ΅λ‹ˆλ‹€.

Fixed bug

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

이 λ¬Έμ œλŠ” Svelte for VS Code 102.5.1 / svelte-check 1.1.10으둜 μˆ˜μ •λ˜μ–΄μ•Όν•©λ‹ˆλ‹€.

λͺ¨λ“  9 λŒ“κΈ€

이λ₯Ό μž¬ν˜„ν•˜λŠ” μ΅œμ†Œν•œμ˜ μ½”λ“œ 슀 λ‹ˆνŽ«,보닀 ꡬ체적으둜 "예기치 μ•Šμ€ 토큰"였λ₯˜κ°€ λ°œμƒν•˜λŠ” μ½”λ“œ 슀 λ‹ˆνŽ«μ΄ μžˆμŠ΅λ‹ˆκΉŒ? κ·€ν•˜μ˜ μ„€λͺ…μœΌλ‘œ μž¬ν˜„ ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

svelte-check 1.1.8 포함

> svelte-check --output=machine
1604601599943 START "<my-path>"
1604601605719 COMPLETED 36 FILES 0 ERRORS 0 WARNINGS 10 HINTS

svelte-check 1.1.9 μ‚¬μš©

> svelte-check --output=machine
1604601792022 START "<my-path>"
1604601797435 ERROR "src/components/employee/Employees.svelte" 10:18 "Unexpected token"
1604601797435 COMPLETED 36 FILES 1 ERRORS 0 WARNINGS 9 HINTS

문제의 쀄은 μœ ν˜•μœΌλ‘œ λ³€μˆ˜λ₯Ό μ •μ˜ν•©λ‹ˆλ‹€.
let newEmployee: EmployeeDto;

λ‚˜λ„ μ΅œμ‹  μ—…λ°μ΄νŠΈμ—μ„œ 예기치 μ•Šμ€ 타이프 슀크립트 였λ₯˜λ₯Ό ​​받고 μžˆμŠ΅λ‹ˆλ‹€. μ§€κΈˆκΉŒμ§€λŠ” μˆ˜μž…ν’ˆμ—λ§Œμžˆμ—ˆμŠ΅λ‹ˆλ‹€. λͺ¨λ‘ λ™μΌν•œ 였λ₯˜κ°€ μžˆμ§€λ§Œ 일반적으둜 νŒŒμΌκ°„μ— λ™μΌν•œ 쀄이 μ•„λ‹™λ‹ˆλ‹€. μ—¬κΈ°μ—μ„œ * λ₯Ό 였λ₯˜λ‘œ ν‘œμ‹œν•˜κ³  λ‹€λ₯Έ νŒŒμΌμ€ { λ˜λŠ” κ°€μ Έ 였기 ν–‰μ˜ λ‹€λ₯Έ 뢀뢄을 ν‘œμ‹œν•©λ‹ˆλ‹€.

image

λˆ„κ΅°κ°€κ°€ ν•΄κ²° 방법을 μ°Ύκ³ μžˆλŠ” 경우 :

  • ctrl+,
  • extensions.autoUpdate 및 λΉ„ν™œμ„±ν™”
  • 터미널을 μ—΄κ³  code --install-extension [email protected] ν•˜μ—¬ ν”ŒλŸ¬κ·ΈμΈμ„ v102.4.0으둜 λ˜λŒλ¦½λ‹ˆλ‹€.
  • μ„€μΉ˜ 및 λ‹€μ‹œλ‘œλ“œ 될 λ•ŒκΉŒμ§€ κΈ°λ‹€λ¦½λ‹ˆλ‹€.

λ‚˜μ€‘μ— μžλ™ μ—…λ°μ΄νŠΈλ₯Ό λ‹€μ‹œ ν™œμ„±ν™”ν•˜λŠ” 것을 μžŠμ§€ λ§ˆμ‹­μ‹œμ˜€.

PR이 방금 λ“€μ–΄μ˜¨ κ²ƒμ²˜λŸΌ λ³΄μ΄μ§€λ§Œ μ—¬μ „νžˆ λ„μ›€μ΄λ˜λŠ” 경우λ₯Ό λŒ€λΉ„ν•˜μ—¬ μ•ˆμ •μ μœΌλ‘œ μž¬ν˜„ ν•  μˆ˜μžˆλŠ” κ°€μž₯ μž‘μ€ μ˜ˆλŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

<script context="module" lang="typescript">
  class Control {
    el: string;
  }
</script>

<script lang="typescript">
</script>

이 λ¬Έμ œλŠ” Svelte for VS Code 102.5.1 / svelte-check 1.1.10으둜 μˆ˜μ •λ˜μ–΄μ•Όν•©λ‹ˆλ‹€.

μ•žμœΌλ‘œ 이와 같은 것을 λ°©μ§€ν•˜κΈ° μœ„ν•΄ 이에 λŒ€ν•œ ν…ŒμŠ€νŠΈλ₯Ό μΆ”κ°€ ν•  수 μžˆμŠ΅λ‹ˆκΉŒ? ν•˜κ³  μ‹Άμ§€λ§Œμ΄ μ €μž₯μ†Œμ—μ„œ ν…ŒμŠ€νŠΈλ₯Ό 찾을 수 μ—†μŠ΅λ‹ˆλ‹€. 힌트λ₯Ό μ£Όμ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€.

μ•½κ°„μ˜ λ°°κ²½ 지식 : μ €λŠ” Svelteλ₯Ό 처음 μ ‘ν–ˆκ³  무슨 일이 μΌμ–΄λ‚˜κ³  μžˆλŠ”μ§€ νŒŒμ•…ν•˜λŠ” 데 μ•½ 2-3 μ‹œκ°„μ„ λ³΄λƒˆμŠ΅λ‹ˆλ‹€. 첫째, μ½”λ“œλ₯Ό λ‹€μ‹œλ‘œλ“œ ν•œ ν›„ (κ·Έ λ‹Ήμ‹œμ—λŠ” λͺ°λžλ˜) svelte ν™•μž₯이 깨쑌고, λͺ¨λ“  νŒ¨ν‚€μ§€λ₯Ό λ‹€μ‹œ μ„€μΉ˜ ν•œ 후에 svelte-checkκ°€ μž‘λ™μ„ λ©ˆμ·„μŠ΅λ‹ˆλ‹€. λ‚˜λŠ” 이와 같은 일이 처음으둜 λ°œμƒν–ˆκΈ° λ•Œλ¬Έμ— svelte-check에 λŒ€ν•œ 문제 ν•΄κ²° κ°€μ΄λ“œμ—μ„œ 아무것도 κ²€μƒ‰ν•˜κ±°λ‚˜ 찾을 수 μ—†μŠ΅λ‹ˆλ‹€. 쒋은 κ²½ν—˜μ΄ μ•„λ‹™λ‹ˆλ‹€. Reactμ—μ„œ 온 λˆ„κ΅°κ°€μ—κ²ŒλŠ” ν›Œλ₯­ν•œ 타이프 슀크립트 κ²½ν—˜μ΄ ν•„μˆ˜μž…λ‹ˆλ‹€. λ‚˜λŠ” Svelteλ₯Ό μ˜μ›νžˆ λ²„λ¦¬λ €κ³ ν–ˆμŠ΅λ‹ˆλ‹€ :(

μ»€λ°‹μ—μ„œ λ³Ό μˆ˜μžˆλŠ” μˆ˜μ • μ‚¬ν•­μœΌλ‘œ ν…ŒμŠ€νŠΈλ₯Ό μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. λ– λ‚˜κ² λ‹€κ³  μœ„ν˜‘ν•˜λŠ” 것은 λ„μ›€μ΄λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

ꡉμž₯ν•©λ‹ˆλ‹€. 이미 컀밋에 ν¬ν•¨λ˜μ–΄ μžˆλ‹€λŠ” 사싀을 λ†“μ³€μŠ΅λ‹ˆλ‹€. :)

BTW λ‚˜λŠ” "μœ„ν˜‘μ "이 μ•„λ‹ˆλ‹€. λ‚˜λŠ” 단지 그것이 λ‚˜λ₯Ό λŒμ–΄ 듀인 상황과 그것이 λ‚˜λ₯Ό μ–΄λ–»κ²Œ λŠλΌκ²Œν–ˆλŠ”μ§€λ₯Ό μ„€λͺ…ν•˜λ €κ³  λ…Έλ ₯ν–ˆλ‹€. 그게 λ‹€μ•Ό.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰