🖥

[Vue.js] vue/multi-word-component-names 에러

망록 2022. 5. 22.

 

Step1.vue라고 저장하니

 

error component name "Step1" should always be multi-word vue/multi-word-component-names

이런 에러를 마주했다

 

 

Vue.js의 규칙은 컴포넌트 이름은 무조건 단여 여러개의 조합이어야 한다는 것

StepOne으로 Rename했더니 오류는 사라졌다

 

 

https://eslint.vuejs.org/rules/multi-word-component-names.html

 

vue/multi-word-component-names | eslint-plugin-vue

vue/multi-word-component-names require component names to be always multi-word ⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/essential", "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vu

eslint.vuejs.org

 

HTML element들이랑 충돌을 피하기 위함이라고 함 

 

vue.config.js에 

lintOnSave: false

해당 코드를 추가해주면 컴포넌트 이름을 단어 한개로 하더라도 오류 발생하지 않는다

 

 

 

 

 

 

댓글