Invalid component name: "pages/product/_slug.vue". Component names should conform to valid custom element name in html5 specification

javascript vue.js routing vue-router nuxt.js

Where you have name in your component remove the space between the name. e.g

export default {  name: 'Assign Role'}

Change it to:

export default {  name: 'AssignRole',}

javascript vue.js routing vue-router nuxt.js

The reason of this error message is that the name of the _slug.vue component which is the same as the file name.

I expect it name='_slug.vue' you need to change it to something like this name='ProductItem'

javascript vue.js routing vue-router nuxt.js

I am not sure this is a bug or what.

But after giving a name to my components, fixed this issue as follows.

  export default {    name: 'NameOfTheCompnent',    ...  }

CodeHunter