Show component name in 'Click node to locate' popup

[jeremytenjo]

Summary

Please show the component name in the Click node to locate popup (not only raw HTML tag path).

Current behavior

The popup mainly shows nested HTML tags like <div>, <main>, <nav>, etc.

Expected behavior

When selecting/inspecting a node, also display the corresponding component name (when available), for example React/Vue/Svelte component names or a best-effort label.

Why this helps

Seeing the component name makes it much faster to find the source file and debug large component trees.

Thank you :)

[zh-lx]

Thanks for your feedback. It is resolved by #513 and I released 1.5.0 version. Welcome to install the latest version to try.

[jeremytenjo]

Thanks for your feedback. It is resolved by #513 and I released 1.5.0 version. Welcome to install the latest version to try.

Thank you but i'm getting an error with Nextjs

clone and run dev https://github.com/jeremytenjo/code-inspe

[zh-lx]

@jeremytenjo This is indeed a serious issue, and I have made a fix in version 1.5.1. Thanks for you feedback.

[jeremytenjo]

@zh-lx It works, thank you!