• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

main.vue 파일 생성시 에러 발생

22.02.02 13:42 작성 조회수 1.43k

3

뷰에서 파일을 생성할때는 기존 html 태그와 구분을하기위해 두 단어의 조합을 권장한다고 배웠는데

이번강의에서는 main.vue와 같이 한단어로 파일을생성해서 

  1:1  error  Component name "main" should always be multi-word  vue/multi-word-component-names

위와 같은 에러가 발생하는거같습니다

.eslintrc.js 파일의 rules 부분에 아래 코드를 추가하니 에러는 사라졌습니다

'vue/multi-word-component-names': 0,

근데 강사님의 깃주소에서 완성된 소스를 다운받아서  .eslintrc.js  파일을 열어보니 위 코드가 없는데 에러없이 동작하는거 같습니다 혹시 따로 설정해야할게있는건가요?

답변 1

답변을 작성해보세요.

1

안녕하세요 cys님 좋은 질문이네요. 뷰 CLI로 생성한 SPA 구조에서의 eslint 문법과 nuxt 프로젝트의 eslint 문법의 차이점을 질문하셨네요. 말씀하신 것처럼 nuxt의 페이지 컴포넌트는 컴포넌트 이름이 URL과 연계 되기 때문에 복합 명사를 사용하지 않아도 됩니다. 해당 규칙은 아래 문서를 참고하시면 됩니다 :)

https://github.com/nuxt/eslint-plugin-nuxt