Component name is not shown in Vue devtools

[mitar]

Version

2.7.0

Reproduction link

https://codepen.io/anon/pen/vZMEXP

Steps to reproduce

1. Have some components with names defined.
2. Use such component as route's component.
3. Get router to render the route/component.
4. Inspect the Vue components tree in Vue devtools. Observe that component is not named by its name, but it is anonymous component. This makes debugging harder.

What is expected?

What is actually happening?

[Akryum]

You defined names on the routes instead of the components in your repro.

[posva]

When using vue files, names are auto injected but otherwise you need to add them yourself

[mitar]

You defined names on the routes instead of the components in your repro.

Oh, that was a mistake in the reproduction. Thanks for catching that. Then I do not know why meteor-vue/todomvc#1 does not work. :-( I have it in a vue filename there.

[haysmike]

I'm actually seeing this issue with .vue files that don't explicitly declare a name after a hot-reload in DevTools... Works fine after a full reload.

Update: created https://github.com/vuejs/devtools/issues/1992