[오류 해결 방법] Component name "header" should always be multi-word

안녕하세요. 팀드모네입니다.

오늘은 Vue에서 발생하는 Component name "header" should always be multi-word  vue/multi-word-component-names 관련 에러를 해결하는 방법에 대해 공유드립니다.

 

[에러 원인]

Vue에서는 컴포넌트나 name을 만들 때, 두 단어의 조합으로 해야한다는 규칙이 있다. 때문에 header나 footer 등의 네이밍도 잡아낸다. 이런 제약에 대한 의도는 좋으나.. 어떤 상황에선 불편한 것 같다. 결론적으로 관련 설정을 OFF하면 에러가 해결될 것으로 보인다.

 

[해결 방법]

1. Vue-Cli로 프로젝트를 만든 경우

vue.config.js에 lintOnSave : false를 추가하면 됩니다.

참고로.. 해당 코드를 추가한 후 서버를 재기동해야 관련 내용이 반영됩니다.

 

감사합니다.