Illegal tag name. Use '&lt;' to print '<'.

[s27840213]

Hi, I'm a front-end developer from Taiwan.
Thanks for developing such an awesome tool that will save lots of Vue developers' time

Recently, I found a bug when using this plugin with Pug

The below codes are the simplest reproduction.

<template lang="pug">
div(v-if="1 < 1")
</template>

<script></script>

<style></style>

If I need to provide more information, please leave a comment below.
I will respond to it as soon as possible.

Thanks 🙏 !

---UPDATE: 2024/2/1 ---
I'm sorry that I provided insufficient information about this issue, and I have created a reproduction repo based on the project in which I encountered this problem.
https://github.com/s27840213/Vue-Devtool-Bug-Rereproduction/tree/main

The project originally was a Monorepo project with 2 packages and 3 projects, and now I have simplified it, just preserving a test project that will throw the error.

I have add a READMD.md in this repo.
If you need more information, just leave a comment below, and I will also reply it as soon as possible! Thank you very much!

[webfansplz]

Can you provide a mini repo? thank you 🙏.

[alexzhang1030]

I guess this is an issue of vite-plugin-vue-inspector, also related: webfansplz/vite-plugin-vue-inspector#75.

This is because currently vite-plugin-vue-inspector cannot compile pug template.

[alexzhang1030]

/cc @webfansplz I think we need to allow users to enable/disable inspector, like the workaround of nuxt/devtools#259

[webfansplz]

/cc @webfansplz I think we need to allow users to enable/disable inspector, like the workaround of nuxt/devtools#259

I agree that we should add the options to resolve the issue, and I think it would be better if we could support the pug template in vue-inspector, I'll try it out.

[s27840213]

Can you provide a mini repo? thank you 🙏.

Hi, Thanks for your reply!
I have added a reproduction repo in the above.
If you need more information, just let me know.
Thank you very much Orz!

[s27840213]

/cc @webfansplz I think we need to allow users to enable/disable inspector, like the workaround of nuxt/devtools#259

Yes, this bug is thrown by vite-plugin-vue-inspector.
Temporarily, I also think providing an option to disable the inspector is a good way.
Thanks for the trouble Orz!

[webfansplz]

/cc @webfansplz I think we need to allow users to enable/disable inspector, like the workaround of nuxt/devtools#259

Yes, this bug is thrown by vite-plugin-vue-inspector. Temporarily, I also think providing an option to disable the inspector is a good way. Thanks for the trouble Orz!

Upgrade to v7.0.14 and update the Vite config:

 VueDevTools({
     componentInspector: false,
 })