-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Bug]: Vue error: "VueCompilerError: Element is missing end tag" #294
Comments
Could please clone https://github.com/wallabyjs/cn-issue-294 and see if you can reproduce the issue there? |
No, unfortunately. I do however think it's because my project with the errors is using Vue CLI, instead of Vite.
|
Could you please try this repository https://github.com/wallabyjs/cn-issue-294-vue-cli? |
Yep, now I got the error.
Removing the console.log lines removed the compilation errors, terminal then looking like this again after another hot reload:
|
In case it could help, some additional information: Everything is updated, system, vue, VS code etc. Windows 11, version 23H2 List of vs code extensions:
|
v20.9.0 |
Thanks, we can reproduce the issue on v20.9.0. As a workaround you may update to the major latest v20.12.2, I could not reproduce the error on v20.12.2. We are investigating why it fails on v20.9.0. |
Thanks for reporting the issue. This has been fixed in version 1.0.315. |
What happened?
Whenever there's a console.log in the JS part of vue3, I would get a Element is missing end tag whenever it hot reloaded. Wrote a bug report on vuejs/core before I figured out this extension was at fault: vuejs/core#10793
Version
v1.0.314
CLI command to start your dev tool
npm run serve
Steps to reproduce (or sample repo)
Start a Vue3 options API project
Make a console.log in the JS section
Hot reload
Log output
The text was updated successfully, but these errors were encountered: