Jshint: React JSX E015 "λ‹«νžˆμ§€ μ•Šμ€ μ •κ·œμ‹"

에 λ§Œλ“  2017λ…„ 02μ›” 03일  Β·  19μ½”λ©˜νŠΈ  Β·  좜처: jshint/jshint

μ•ˆλ…•,

였λ₯˜ E015와 ν•¨κ»˜ React μ•±μ˜ νŠΉμ • 뢀뢄에 λͺ‡ 가지 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

λ‹€μŒμ€ 였λ₯˜κ°€ ν‘œμ‹œλ˜λŠ” λͺ‡ 가지 ν–‰μž…λ‹ˆλ‹€.

<ImagePreview key={el.id} {...el} />

였λ₯˜λŠ” 끝에 보닀 큼 기호둜 ν‘œμ‹œλ©λ‹ˆλ‹€.

<div className="panel-footer">
  <h5>{this.state.image.description}</h5>
</div>

였λ₯˜λŠ” h5 νƒœκ·Έ 끝에 μžˆλŠ” 보닀 큼 기호둜 ν‘œμ‹œλ©λ‹ˆλ‹€.

<Link to={"topics/"+e.id} key={e.id} className="list-group-item">
  <h4>{e.name}</h4>
  <p>{e.description}</p>
</Link>

였λ₯˜λŠ” h4 νƒœκ·Έ 끝에 μžˆλŠ” 보닀 큼 기호둜 ν‘œμ‹œλ©λ‹ˆλ‹€.

버전 2.9.4κ°€ 있고 VS Code 버전 1.9λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. κ²°κ³Ό λ²ˆλ“€ μ½”λ“œλŠ” 문제 없이 μž‘λ™ν•©λ‹ˆλ‹€.

λ‚΄ 주의λ₯Ό λ„λŠ” 것은 μ½”λ“œκ°€ λ‹€μŒκ³Ό 같이 λ³€κ²½λ˜λ©΄ 였λ₯˜κ°€ μ‚¬λΌμ§„λ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.

<div className="panel-footer"><h5>
  {this.state.image.description}
</h5></div>

λˆ„κ΅°κ°€ λ‚˜μ—κ²Œ 이것에 κ΄€ν•œ λͺ‡ 가지 지침을 쀄 수 있기λ₯Ό λ°”λžλ‹ˆλ‹€.

μ΅œμƒμ˜,
λ‘œλ“œλ¦¬κ³ .

Needs Information

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

JSHintλ₯Ό λΉ„ν™œμ„±ν™”ν•˜λ©΄ 이 λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

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

JSHintλŠ” JSX ꡬ문을 ꡬ문 뢄석할 수 μ—†μœΌλ―€λ‘œ κ³΅μœ ν•œ μ†ŒμŠ€ μ½”λ“œκ°€ JSHint에 μ œκ³΅λ˜λŠ” μ½”λ“œμ™€ 같지 μ•Šλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 도ꡬ 체인에 λŒ€ν•œ μΆ”κ°€ 지식 μ—†μ΄λŠ” 이것을 λ§ν•˜κΈ°κ°€ μ–΄λ ΅μŠ΅λ‹ˆλ‹€. JavaScript μ½”λ“œλ₯Ό κ³΅μœ ν•  수 μžˆλ‹€λ©΄ 저희가 λ„μ™€λ“œλ¦΄ 수 μžˆμ„ κ²ƒμž…λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš” λΉ λ₯Έ λ‹΅λ³€ κ°μ‚¬ν•©λ‹ˆλ‹€!!

λ‹€μŒμ€ λ™μΌν•œ 문제λ₯Ό λ‚˜νƒ€λ‚΄λŠ” 맀우 κ°„λ‹¨ν•œ λ°˜μ‘ λ°”μ΄μ˜€λŸ¬ν”Œλ ˆμ΄νŠΈμž…λ‹ˆλ‹€.

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>React simple boilerplate</div>
    );
  }
}

λ‹€μŒμ€ VS Codeμ—μ„œ μ–΄λ–»κ²Œ λ³΄μ΄λŠ”μ§€ κ·Έλ¦Ό μž…λ‹ˆλ‹€. 이것은 λ³΄μ‹œλŠ” 바와 같이 μ™„μ „ν•œ 파일이며 였λ₯˜λŠ” λ™μΌν•©λ‹ˆλ‹€.

이 정보가 도움이 되기λ₯Ό λ°”λžλ‹ˆλ‹€.

μ΅œμƒμ˜,
λ‘œλ“œλ¦¬κ³ .

JSHint.comμ—μ„œ ν•΄λ‹Ή λ™μž‘μ„ μž¬ν˜„ν•  수 μžˆμ§€λ§Œ λ³΄κ³ ν•œ 였λ₯˜λŠ”
μ˜ˆμƒλ˜λŠ”. JshintλŠ” JSX ꡬ문을 ꡬ문 뢄석할 수 μ—†μœΌλ―€λ‘œ 였λ₯˜λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.
잘λͺ»λœ JavaScriptλ₯Ό μ˜¬λ°”λ₯΄κ²Œ μ‹λ³„ν•©λ‹ˆλ‹€.

ν•˜μ§€λ§Œ κ·€ν•˜μ˜ 초기 λ³΄κ³ μ„œκ°€
λ‹€μŒ μž…λ ₯이 였λ₯˜λ₯Ό μƒμ„±ν•˜μ§€ μ•Šμ•˜λ‹€κ³  λͺ…μ‹œν–ˆμŠ΅λ‹ˆλ‹€.

<div className="panel-footer"><h5>
  {this.state.image.description}
</h5></div>

이것은 μœ νš¨ν•œ JSX ꡬ문일 수 μžˆμ§€λ§Œ μœ νš¨ν•œ JavaScriptκ°€ μ•„λ‹™λ‹ˆλ‹€.
JSHintκ°€ 였λ₯˜λ₯Ό 보고할 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€. 그것이 λ‹Ήμ‹ μ˜
νŽΈμ§‘κΈ°κ°€ μ½”λ“œλ₯Ό μ „λ‹¬ν•˜κΈ° 전에 μΌμ’…μ˜ λ³€ν˜•μ„ μˆ˜ν–‰ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.
JSHint와 ν•¨κ»˜. νŽΈμ§‘μžλ‹˜μ΄ 어떠신지 λͺ°λΌμ„œ λ§μ”€λ“œλ¦¬κΈ° μ–΄λ ΅λ„€μš”
JSHintλ₯Ό ν˜ΈμΆœν•˜λ„λ‘ κ΅¬μ„±λ˜μ—ˆμŠ΅λ‹ˆλ‹€. κ·Έ 톡합이 μ–΄λ–»κ²Œ μΌμ–΄λ‚˜λŠ”μ§€ 쑰사할 수 μžˆμŠ΅λ‹ˆκΉŒ?
(일뢀 ν”ŒλŸ¬κ·ΈμΈμ„ 톡해 κ°€λŠ₯) κ·ΈλŸ¬ν•œ λ³€ν™˜μ΄ μΌμ–΄λ‚˜κ³  μžˆλŠ”μ§€ ν™•μΈν•˜μ‹œκ² μŠ΅λ‹ˆκΉŒ? λ§Œμ•½μ—
λ”°λΌμ„œ μš°λ¦¬κ°€ 보고 μžˆλŠ” 였λ₯˜λŠ” μ—¬μ „νžˆ JSHint 자체의 버그λ₯Ό λ°˜μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
(ν”ŒλŸ¬κ·ΈμΈ 문제일 μˆ˜λ„ 있음).

쑰사해보고 정보가 μƒκΈ°λŠ” λŒ€λ‘œ λ‹€μ‹œ μ˜¬λ¦¬κ² μŠ΅λ‹ˆλ‹€.

μ΅œμƒμ˜,
λ‘œλ“œλ¦¬κ³ .

@rhernandog에 λŒ€ν•΄ 말씀해 μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ?

@jugglinmike μ£„μ†‘ν•˜μ§€λ§Œ 이와 κ΄€λ ¨λœ μ†Œμ‹μ΄ μ—†μŠ΅λ‹ˆλ‹€.

λ³΄μ‹œλ‹€μ‹œν”Ό ν™•μž₯ ν”„λ‘œκ·Έλž¨μ˜ μ €μž₯μ†Œμ—μ„œ 운이 없이 μ–ΈκΈ‰ν–ˆμŠ΅λ‹ˆλ‹€. 사싀 ν™•μž₯은 거의 1λ…„ λ™μ•ˆ μ—…λ°μ΄νŠΈλ˜μ§€ μ•Šμ•˜μœΌλ©° 9μ›” μ΄ν›„λ‘œ λ‹΅λ³€λœ λ¬Έμ œκ°€ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— 이에 λŒ€ν•œ 닡변을 얻을 수 μžˆμ„μ§€ 확신이 μ„œμ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μž‘μ„±μžλŠ” Neoκ°€ κ±΄μΆ•κ°€μ—κ²Œ λ§ν–ˆλ“―μ΄ JSHint보닀 ESLint ν™•μž₯에 κ°€μž₯ 쀑점을 λ‘‘λ‹ˆλ‹€. _λ¬Έμ œλŠ” μ„ νƒμž…λ‹ˆλ‹€_

이것을 μ—΄κ±°λ‚˜ λ‹«λŠ” 것은 λ‹Ήμ‹ μ˜ μ„ νƒμž…λ‹ˆλ‹€. μ–΄λ–€ 기적에 μ˜ν•΄ 리포지토리에 닡변이 있으면 λŒμ•„μ™€μ„œ λ‹€μ‹œ μ—΄κ² μŠ΅λ‹ˆλ‹€.

νŒ”λ‘œμš°ν•΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€.

μ΅œμƒμ˜,
λ‘œλ“œλ¦¬κ³ .

μΆ”κ°€ 정보가 μ—†μœΌλ©΄ μ—¬κΈ°μ„œ ν•  수 μžˆλŠ” 일이 λ§Žμ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 잘λͺ»λœ ν”ŒλŸ¬κ·ΈμΈ λ™μž‘μ— λŒ€ν•œ 제 이둠이 κ°€μž₯ νƒ€λ‹Ήν•œ μ„€λͺ…이라고 μƒκ°ν•©λ‹ˆλ‹€. κ·Έλž˜μ„œ μ €λŠ” μš°λ¦¬κ°€ 그렇지 μ•Šλ‹€κ³  μ˜μ‹¬ν•  μ΄μœ κ°€ 생길 λ•ŒκΉŒμ§€ κ·Έ 해석을 기반으둜 μ§„ν–‰ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. λ§μ”€ν•˜μ‹  λŒ€λ‘œ μ μ ˆν•œ 경우 이 문제λ₯Ό λ‹€μ‹œ μ—΄ 수 μžˆμŠ΅λ‹ˆλ‹€.

λ‹€μ‹œ μ°Ύμ•„μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€!

https://stackoverflow.com/questions/44861564/react-jsx-error-unclosed-regular-expression/44861565#44861565

이 닡변이 도움이 되기λ₯Ό λ°”λžλ‹ˆλ‹€.

λ‚˜λŠ” 같은 λ¬Έμ œμ— μ§λ©΄ν–ˆλ‹€. μ—¬λŸ¬ 타사 ν™•μž₯으둜 인해 λ°œμƒν•œ κ²ƒμœΌλ‘œ λ‚˜νƒ€λ‚¬μŠ΅λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš” @jugglinmike , μ €λŠ” μ΅œκ·Όμ— JSHintλ₯Ό μ‚¬μš©ν•˜μ—¬ VS Code ν™•μž₯에 λŒ€ν•΄ μž‘μ—…ν–ˆμœΌλ©° 이에 λŒ€ν•΄ 밝힐 수 μžˆμŠ΅λ‹ˆλ‹€. 전체 λ¬Έμ„œλ₯Ό ν•˜λ‚˜μ˜ λ¬Έμžμ—΄λ‘œ JSHINT javascript API에 직접 μ „λ‹¬ν•˜κ³  있으며 λ³€ν™˜μ΄ μˆ˜ν–‰λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ½”λ“œ

<div className="panel-footer"><h5>
  {this.state.image.description}
</h5></div>

였λ₯˜λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€. μ›λž˜ μž‘μ„±μžμ˜ μ˜λ„κ°€ .jsx νŒŒμΌμ—μ„œ μ‹€ν–‰ν•˜λ €λŠ” 것인지 ν™•μ‹€ν•˜μ§€ μ•Šμ§€λ§Œ μ†”λ£¨μ…˜μ€ ν™•μž₯이 νŒŒμΌμ„ ꡬ문 λΆ„μ„ν•˜κ³  ꡬ문의 jsx 뢀뢄을 μ‹λ³„ν•˜κ³  JSHint에 μ „λ‹¬ν•˜κΈ° 전에 곡백으둜 λ§Œλ“œλŠ” κ²ƒμž…λ‹ˆλ‹€. .

λ‚˜λŠ” 같은 λ¬Έμ œμ— μ§λ©΄ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€ ... 이것을 μ²˜λ¦¬ν•˜λŠ” 방법을 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.

μ—¬κΈ°μ—μ„œλ„ 같은 λ¬Έμ œμ΄κ±°λ‚˜ λ¬Έμ œκ°€ 아닐 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

JSHintλ₯Ό λΉ„ν™œμ„±ν™”ν•˜λ©΄ 이 λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

jshintλ₯Ό λΉ„ν™œμ„±ν™”ν•˜λŠ” 방법?

@JuanPabloSilva 확인 λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.

https://github.com/aurelia/vscode-extension/issues/80#issuecomment -368266942

이 였λ₯˜λŠ” λ„ˆλ¬΄ μ§œμ¦λ‚˜μ„œ jshintλ₯Ό μ‚¬μš©ν•  수 μ—†κ²Œ λ§Œλ“­λ‹ˆλ‹€. μ΅œμ†Œν•œ 이 힌트λ₯Ό λΉ„ν™œμ„±ν™”ν•˜λŠ” μ˜΅μ…˜μ΄ μžˆμŠ΅λ‹ˆκΉŒ?

이 였λ₯˜λŠ” λ„ˆλ¬΄ μ§œμ¦λ‚˜μ„œ jshintλ₯Ό μ‚¬μš©ν•  수 μ—†κ²Œ λ§Œλ“­λ‹ˆλ‹€. μ΅œμ†Œν•œ 이 힌트λ₯Ό λΉ„ν™œμ„±ν™”ν•˜λŠ” μ˜΅μ…˜μ΄ μžˆμŠ΅λ‹ˆκΉŒ?
μ „μ μœΌλ‘œ λ™μ˜ν•©λ‹ˆλ‹€ @hiraditya
이 νŠΉμ • jshintλ₯Ό λΉ„ν™œμ„±ν™”ν•  수 μžˆλŠ” μ˜΅μ…˜μ΄ μžˆμ–΄μ•Ό ν•˜μ§€λ§Œ 전체 ν™•μž₯은 λΉ„ν™œμ„±ν™”ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

λ‹€λ₯Έ vscode νŒ¨ν‚€μ§€μ™€ μΆ©λŒν•˜κΈ° λ•Œλ¬Έμ— jshintλ₯Ό λΉ„ν™œμ„±ν™”ν•˜μ‹­μ‹œμ˜€.

κ°μ‚¬ν•©λ‹ˆλ‹€.jshintλ₯Ό μ œκ±°ν–ˆμŠ΅λ‹ˆλ‹€.그러면 λͺ¨λ“  것이 μ •μƒμž…λ‹ˆλ‹€.

VS Code ν™•μž₯μ—μ„œ jshint λ₯Ό μ œκ±°ν•˜λ©΄ 이 λ¬Έμ œκ°€ μ‚¬λΌμ§‘λ‹ˆλ‹€.

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