Nuxt-ts Invalid component name: "_id"

Nuxt.js에서 typescript를 사용하여 nuxt-ts를 사용할 경우 router에서 파라미터 하위 페이지에서 파일명이 _id.vue가 됩니다. 이러한 경우에는 파일명이 _id이니 class 명을 _id로 사용하게 되는데, 거기서 다음과 같은 오류가 발생하게 됩니다.

 

[Vue warn]: Invalid component name: "_id". Component names should conform to valid custom element name in html5 specification.

사실 크게 문제되는 경우는 없지만, 콘솔창이 더러워지니 좀 신경쓰입니다.

 

해결방법은 class 명에서 _(언더바)를 제거해주시면 됩니다.

 

// 변경 전
export default class _id extends Vue {
}


// 변경 후
export default class id extends Vue {
}

 

 

 

 

 

Reference:

https://github.com/RoscaS/Nuxt_TS_Boilerplate

RoscaS/Nuxt_TS_Boilerplate