Vue: 컴파일 실패(문자열은 따옴표를 사용해야 함)

Vue: 컴파일 실패(문자열은 따옴표를 사용해야 함)

Visual Studio Code로 이틀째 작업을 하고 있습니다.Vue-Application을 구축하려고 합니다.하지만 응용 프로그램을 실행할 때는 항상npm run serve, 다음의 에러가 표시됩니다.

  9:9   error  Strings must use singlequote  quotes
  9:15  error  Missing trailing comma        comma-dangle

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option. 

이러한 에러의 의미를 이해하고, 스트링을 작은 따옴표로 입력하고, 각 행의 끝에 쉼표를 삽입하려고 했습니다.그러나 Visual Studio 코드는 항상 콤마를 제거하고 단일 따옴표를 이중 따옴표로 변환합니다.인스톨 되어 있는 플러그 인은, 다음과 같습니다.

저도 같은 문제가 있었어요.이 문제는 파일이 vs 코드로 포맷된 다음 vue-cli에 내장된 eslint로 포맷된 두 가지 경우에 발생할 수 있습니다.설정formatOnSaveVS Code에서 false로 설정하고 문제가 해결되는지 확인합니다.그럴 수도 있어요.그럼에도 불구하고 다양한 (비 Vue) 프로젝트에서 작업할 경우 이 설정을 사용하거나 사용하지 않도록 설정해야 합니다.

면책사항:이것은 나에게 도움이 되는 회피책입니다.좀 더 전문적인 방법이 있을 것 같은데, 찾을 수 없었어요.

혹시나 이게 다른 사람에게 도움이 될까봐저도 이 문제에 부딪혔어요.컴포넌트 스크립트에 다음과 같은 행이 있습니다.[ login - signup ]

저장할 때마다 이중 따옴표로 바뀝니다.저장 시 공백과 탭을 방해하지 않도록 포맷하고 싶습니다.저는 vscoode에서 vue3snippets 확장을 사용합니다.설정([파일]-> [프리퍼런스]-> [설정]- [사용자가 아닌 보통 워크스페이스를 사용한다])을 열어, 「워크스페이스」를 검색하면, 「Vue3snippets:단일 따옴표"에는 선택되지 않은 "참일 경우 큰 따옴표 대신 단일 따옴표를 사용합니다"라는 설정이 있습니다.

이 체크박스를 켜면 위의 줄에 있는 단일 인용문이 이중 인용문으로 저장될 때 포맷되지 않는 문제가 수정되어 이 오류가 수정되었습니다.

메인 폴더로 이동하여 .eslintrc.dll을 열고 규칙에 다음 항목을 추가합니다.

따옴표: [0, "double"]

프로젝트를 재시작하여 npm serve run을 다시 실행합니다.

언급URL : https://stackoverflow.com/questions/60986934/vue-failed-to-compile-strings-must-use-singlequote