microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
163.94k stars 29.18k forks source link

Emmet breaks with cryptic error message in files that cannot be parsed #141253

Open klaloge opened 2 years ago

klaloge commented 2 years ago

We have written the needed data into your clipboard bec Issue Type: Bug

Hi, Im having issues with Emmet Abbreviation not working on one of my HTML files. When I type in a tag word like "button" or "!" it does not auto populate my brackets or the rest of the autofill tags or closing tags. The Emmet window does not even show up, only "abc" window.
It only started happening a few enteries ago on the same file I am having issues on (where exactly, I am not sure?) It works perfectly fine on new files or other files.
I am assuming I accidentally toggled a shortcut key that has somehow disabled it? Any help you can provide would be greatly appreciated, thanks in advance.

-Kyle

VS Code version: Code 1.63.2 (899d46d82c4c95423fb7e10e68eba52050e30ba3, 2021-12-15T09:40:02.816Z) OS version: Windows_NT x64 10.0.19042 Restricted Mode: No

System Info |Item|Value| |---|---| |CPUs|Intel(R) Core(TM) i5-7300U CPU @ 2.60GHz (4 x 2712)| |GPU Status|2d_canvas: enabled
gpu_compositing: enabled
multiple_raster_threads: enabled_on
oop_rasterization: enabled
opengl: enabled_on
rasterization: enabled
skia_renderer: enabled_on
video_decode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled| |Load (avg)|undefined| |Memory (System)|7.89GB (3.33GB free)| |Process Argv|--crash-reporter-id 1f71a3ae-d4e8-496a-a7b4-e03e3fb40e0f| |Screen Reader|no| |VM|0%|
Extensions (25) Extension|Author (truncated)|Version ---|---|--- django-html|bib|1.3.0 EditorConfig|Edi|0.16.4 vsc-material-theme|Equ|33.2.2 vsc-material-theme-icons|equ|2.2.1 prettier-vscode|esb|9.1.0 auto-close-tag|for|0.5.13 code-python-isort|fre|0.0.3 todo-tree|Gru|0.0.215 vscode-power-mode|hoo|2.2.0 dotenv|mik|1.0.1 python|ms-|2021.12.1559732655 vscode-pylance|ms-|2022.1.3 jupyter|ms-|2021.11.1001550889 java|red|1.2.0 markdown-preview-enhanced|shd|0.6.1 code-spell-checker|str|2.1.4 vscode-djaneiro|the|1.4.2 rst-vscode|tht|3.0.1 vscodeintellicode|Vis|1.2.15 vscode-java-debug|vsc|0.37.0 vscode-java-dependency|vsc|0.18.9 vscode-java-pack|vsc|0.20.0 vscode-java-test|vsc|0.33.1 vscode-maven|vsc|0.34.2 grammarly|znc|0.14.0 (1 theme extensions excluded)
A/B Experiments ``` vsliv368cf:30146710 vsreu685:30147344 python383:30185418 vspor879:30202332 vspor708:30202333 vspor363:30204092 pythonvspyl392cf:30425750 pythontb:30283811 pythonptprofiler:30281270 vshan820:30294714 vstes263:30335439 pythondataviewer:30285071 vscod805:30301674 pythonvspyt200:30340761 binariesv615:30325510 bridge0708:30335490 bridge0723:30353136 vsaa593:30376534 vsc1dst:30424896 pythonvs932:30410667 vscop804:30404766 vscop341:30404997 vsclayoutctrt:30425946 vsrem710:30416614 vsbas813:30426126 vsic-wlc-tsjs:30426436 ```
ause it was too large to send. Please paste. Please excuse my coding, Im new and learning, just using this file as a "reference page." -------------------------------------------------------------------------------------------------------------------- HTML 201
<link 
    rel="shortcut icon" 
    href="C:\Users\Allan\Desktop\HTML Folder\Images\favicon\123_favicon.png"
    type="image/png">

Welcome to HTML 201

GO TO BOTTOM

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus dignissimos eos aut eius modi libero maxime cum nemo provident, similique dolorum cumque praesentium laudantium incidunt, eum laborum quidem nostrum voluptas. Temporibus dignissimos eos aut eius modi libero maxime cum nemo provident, similique dolorum cumque praesentium laudantium incidunt, eum laborum quidem nostrum voluptas.

A B C

First Cell Here Second Cell Here
First Row Here Second Row Here

1
2 3
4

Welcome to HTML 201

Navigation

Content


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Error nobis praesentium inventore vero quam! Quos maiores laudantium veniam suscipit amet vel corporis! Sed asperiores odit facilis doloribus, sunt repellendus quo?





Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat non odit id, perferendis, incidunt reprehenderit eos beatae repellendus assumenda pariatur dicta nostrum aut est vero nesciunt soluta consequuntur. Modi, suscipit.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore incidunt error laudantium provident fuga molestias quaerat et mollitia suscipit exercitationem laboriosam quos magnam placeat, harum aspernatur expedita, debitis corporis blanditiis?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ea consectetur nesciunt nulla neque, ipsum, qui aut assumenda impedit officiis deleniti velit! Incidunt, qui. Cupiditate, corrupti rerum alias animi suscipit maxime.
Should be a cactus...

Format code

                Some stuff here       <b>This is bold</b>
            Second line Here
    

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi delectus nulla animi laboriosam aperiam earum natus illum minima veritatis, nisi est atque impedit inventore amet tempora, aliquid accusamus nesciunt in!


    

Forms

BACK TO TOP ©2022 © 2022 ©2022

rzhao271 commented 2 years ago

\gifPlease

klaloge commented 2 years ago

The first pic shows me typing in the word "button" on line 241 and the dropdown menu is only "abc" (spell correction) Second pic shows me typing in the same word but then shows Emmet Abbreviations. I'm not sure why it is not showing emmet abbreviations on the first file??

On Mon., Jan. 24, 2022, 9:00 a.m. VS Code Issue Triage Bot, < @.***> wrote:

Thanks for reporting this issue! Unfortunately, it's hard for us to understand what issue you're seeing. Please help us out by providing a screen recording showing exactly what isn't working as expected. While we can work with most standard formats, .gif files are preferred as they are displayed inline on GitHub. You may find https://gifcap.dev helpful as a browser-based gif recording tool.

If the issue depends on keyboard input, you can help us by enabling screencast mode for the recording (Developer: Toggle Screencast Mode in the command palette).

Happy coding!

— Reply to this email directly, view it on GitHub https://github.com/microsoft/vscode/issues/141253#issuecomment-1020254578, or unsubscribe https://github.com/notifications/unsubscribe-auth/AXIOCERR5WOUCMB45HEQFBTUXVZQVANCNFSM5MUFW4AQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you authored the thread.Message ID: @.***>

rzhao271 commented 2 years ago

I don't see any pictures. If the problem is specific to that one file, I wonder if you can attach it, assuming it has no confidential information. Also, does the issue reproduce on VS Code Insiders?

klaloge commented 2 years ago

No its nothing secret, I am an HTML 201 course through Udemy so it is just a reference sheet that I had made for my own personal use. Here is the code I wrote up, also I will try and reattach pics. <!DOCTYPE html>

HTML 201

Welcome to HTML 201

GO TO BOTTOM

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus dignissimos eos aut eius modi libero maxime cum nemo provident, similique dolorum cumque praesentium laudantium incidunt, eum laborum quidem nostrum voluptas. Temporibus dignissimos eos aut eius modi libero maxime cum nemo provident, similique dolorum cumque praesentium laudantium incidunt, eum laborum quidem nostrum voluptas.

A B C

First Cell Here Second Cell Here
First Row Here Second Row Here

1
2 3
4

Welcome to HTML 201

Navigation

Content


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Error nobis praesentium inventore vero quam! Quos maiores laudantium veniam suscipit amet vel corporis! Sed asperiores odit facilis doloribus, sunt repellendus quo?





Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat non odit id, perferendis, incidunt reprehenderit eos beatae repellendus assumenda pariatur dicta nostrum aut est vero nesciunt soluta consequuntur. Modi, suscipit.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore incidunt error laudantium provident fuga molestias quaerat et mollitia suscipit exercitationem laboriosam quos magnam placeat, harum aspernatur expedita, debitis corporis blanditiis?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ea consectetur nesciunt nulla neque, ipsum, qui aut assumenda impedit officiis deleniti velit! Incidunt, qui. Cupiditate, corrupti rerum alias animi suscipit maxime.
Should
be a cactus...

Format code

                Some stuff here       <b>This is bold</b>
            Second line Here
    

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi delectus nulla animi laboriosam aperiam earum natus illum minima veritatis, nisi est atque impedit inventore amet tempora, aliquid accusamus nesciunt in!


    

Forms

BACK TO TOP ©2022 © 2022 ©2022

On Mon, Jan 24, 2022 at 9:57 AM Raymond Zhao @.***> wrote:

I don't see any pictures. If the problem is specific to that one file, I wonder if you can attach it, assuming it has no confidential information. Also, does the issue reproduce on VS Code Insiders https://code.visualstudio.com/insiders/?

— Reply to this email directly, view it on GitHub https://github.com/microsoft/vscode/issues/141253#issuecomment-1020320925, or unsubscribe https://github.com/notifications/unsubscribe-auth/AXIOCERJHMYBRFOVR4JZUVLUXWAIRANCNFSM5MUFW4AQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you authored the thread.Message ID: @.***>

-- Kyle Laloge @.*** 780-219-3825

rzhao271 commented 2 years ago

At line 213, you forgot a >. Same with line 69. There's also a tbody tag on line 70 with no matching closing tag. Leaving out the > characters likely broke Emmet's parser, which is why Emmet wasn't able to suggest or expand abbreviations.

Screenshot of line 213

klaloge commented 2 years ago

OMG!!! The closing bracket on line 213 was the culprit! Thank you very much, I really believed that I had an issue with something I accidentally toggled, especially with all the code that worked after that line??? I have a lot to learn still and I really appreciate you taking the time to help me with this. Thank you thank you thank you! :)

On Mon, Jan 24, 2022 at 10:43 AM Raymond Zhao @.***> wrote:

At line 213, you forgot a >. Same with line 69. There's also a tbody tag on line 70 with no matching closing tag. Leaving out the > characters likely broke Emmet's parser, which is why Emmet wasn't able to suggest or expand abbreviations.

[image: Screenshot of line 213] https://user-images.githubusercontent.com/7199958/150835297-07894b25-141b-4c04-9a99-37aa6dad7291.PNG

— Reply to this email directly, view it on GitHub https://github.com/microsoft/vscode/issues/141253#issuecomment-1020368661, or unsubscribe https://github.com/notifications/unsubscribe-auth/AXIOCETY46VXVK4G2X2IK2TUXWFT5ANCNFSM5MUFW4AQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you authored the thread.Message ID: @.***>

-- Kyle Laloge @.*** 780-219-3825