WebStorm의 .vue 파일에서 ES6 구문이 오류로 강조 표시됩니다. 이 문제를 어떻게 해결할 수 있습니까?

Question

WebStorm 버전 : 이미지 위 10.0.1

는 .vue 파일의 자바 스크립트 부분을 보여줍니다. 문제없이 작동하지만 IDE는 ES6 구문을 오류로 강조 표시합니다.

나는 type="text/babel" 또는 type="text/ecmascript-6"를 사용하여 추천 사람들을 보았다 그러나 두 경우에 모두 회색 더 강조가없는 : 내 정확한 문제에 대해 물어

this thread에서. 개발자가 해결할 것이라고 말합니다. (비록 IDE가 문제라고 생각했지만).

대부분의 사람들이 Vue에서 ES6을 사용하기 때문에 WebStorm 사용자는 매우 일반적인 문제입니다. 누구든지 이걸 고쳤어?

Answer 1

WebStorm 버전 (10.0.1)이 너무 오래되었습니다.

<script> 태그 제안에 type="text/babel"을 추가하면 10.0.3 버전 이후에만 지원됩니다.

이

인라인 스크립트 ES6에 대한 "적절한"수정 은 (이미 1 년 이상 오래된) 2016.2 WebStorm에서 사용할 수 있습니다 - https://youtrack.jetbrains.com/issue/WEB-16444

---

내가 최신 WebStorm을 얻기 위해 제안 2017년 2월 5일 및 (코드가 어떻게 작동하는지보십시오.)

이제 Vue.js 플러그인이 번들로 제공됩니다. 따라서 플러그인을 먼저 제거해야합니다 (현재 버전의 설정을 가져 오려는 경우).