Question: VS Code - html.erb files linter/formatter

[Cervenka]

In VS Code, when I open a .html.erb file the file type associated is html.erb.

I will only see syntax highlighting if I have the file opened as html.erb which seems correct.

The linter output (e.g. div tag not closed) only shows if the file is opened as erb file instead.
Also I can use the formatter if the file is opened as erb but not when it is opened as html.erb.

When the file is opened as erb instead of html.erb I don't get syntax highlighting.

Any help is appreciated!

[marcoroth]

Hey @Cervenka, thanks for reporting!

I know in the past there were some related bugs to this when you didn't have the Ruby LSP extension installed in Visual Studio Code, since it provides the necessary grammar.

Though, as of v0.8.0, the Ruby LSP extension is an extension dependency, see #849. Can you check if you have the Ruby LSP extension installed?

[Cervenka]

I do have ruby-lsp installed and working. Everything was up to date. I downgraded VS Code and the ruby-lsp and herb extensions but could not fix it.

I did recently clean up and remove extensions that I expected to be unnecessary. But I had both syntax highlighting and linting working before that. So I reinstalled them one by one.

It turns out that vortizhe.simple-ruby-erb adds syntax highlighting for *.html.erb files even when they are set to the erb language. When set to the erb language the herb linting and formatting both work. Once set to the language html.erb the linting and formatting stops working.

So I have a workaround working for myself but this is might be an actual issue for newcomers.

Workaround:
set language detection of *.html.erb files to the erb language
install the extension vortizhe.simple-ruby-erb

Thank you very much for everything!