인프런 커뮤니티 질문&답변

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

webstorm에서 eslint 설정에 질문이 있습니다!ㅠ

작성

·

891

0

강의에서 말씀해주신대로 eslint 설치했는데요, 여전히 소스에는 빨간줄로 그어져있어서..

웹스톰의 설정을 따로 어떻게 해줘야하는지 모르겠어서 문의드립니다 ㅠ

webstorm의 버전은 2020.2.2이구요, eslintrc는 다음과같이 했습니다!

확인부탁드리겠습니다!!!!ㅠ0ㅠ

.eslintrc

{
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    },
    "env": {
      "browser": true,
      "node": true,
      "es6": true
    },
    "extends" : [
      "eslint:recommended",
      "plugin:react/recommended"
    ],
    "plugins": [
      "import",
      "react-hooks"
    ],
    "rules": {

    }
  }
}

react redux express nodejs Next.js

답변 6

0

질문자

네 빠른답변 너무나 감사합니다.^^

0

제로초(조현영)

지식공유자

네 jsx로 하시면 됩니다. 웹스톰 2020.3에서 jsx랑 es6랑 통일된 것 같네요.

0

질문자

말씀하셔서 봤는데, Javascript language version이 ECMAScript 6+로 선택되어있어여!

혹시 javascript language version을 React JSX로 해야할까요? 그리변경했더니 빨간줄은 사라졌습니다!+_+

0

제로초(조현영)

지식공유자

그렇다면 eslint 문제가 아니고요.

Languages & Frameworks -> Javascript 가셔서

Javascript Language Version을 ECMAScript 6+로 바꾸시면 됩니다.

0

질문자

웹스톰 설정에서 ESLint > Automatic ESLint configuration으로 선택했구요,

빨간줄에 메세지는 XML tags are not supported by JavaScript version 이라고 나오고있어요!

0

제로초(조현영)

지식공유자

빨간줄로 뭐라고 그어져있는지를 보여주세요. 에러메시지가 없으면 제가 도와드릴 수 있는 게 없습니다.

그리고 웹스톰 설정에서 eslint 검색하시면 eslint가 꺼져있을 수도 있습니다. disable eslint에 체크되어있진 않은지 확인해보세요.

작성한 질문수