[Vue.js3] error Component name "Discount" should always be multi-word 에러 해결하기!

강의를 들으며

잘 따라 썻는데,,,,

 

error Component name "Discount" should always be multi-word

위와 같은 에러가 떴씁니다.

 

왜 ... 죠 ..?

 

찾아보니

이제 [컴포넌트.vue] 이름은 2단어 이상으로 지어줘야합니다 !!!! 

저는 Discount.vue 를 만들었으니 에러를 해결하려면 DiscountPop.vue 와 같이 수정을 해야죠 ! 

 

해결 방법은 2가지 입니다.

1. vue 파일명을 2단어 이상으로 작명한다.

2. package.json 파일에 multi-word를 사용하지 않는 다는 내용을 한 줄 추가한다. 

 

2번의 경우는 아래와 같이 추가하면 됩니다 !!! 

 

# package.json
.... 
"rules" : {
	"vue/multi-word-component-names": "off"
}
....

추가하신 후 다시 실행하면 해결 완료 !!!! 

 

다시 열강입니다!