Aura Components Markup Linter errors on an attribute with value "{# ... }"

[eltoroit]

Summary

This code

fails linter, but is valid Aura Components markup.

Steps To Reproduce:

1. Create an Aura component
2. Add this markup <div style="{# 'background-image:url(' + v.url+ ')'}">...</div>
3. Save the code, Linter complains

Expected result

4. Linter should not complain

Actual result

Linter is complaining

Additional information

These are the errors I get back

VS Code Version: Version 1.28.2 (1.28.2) SFDX CLI Version: sfdx-cli/6.38.0-0d66175ccf (darwin-x64) node-v8.9.4 OS and version: Mac OSX High Sierra v. 10.13.6 (17G65)

[ntotten]

This is a known issue in the Aura LSP. It is being worked now. I don't have an exact ETA, but it should be sometime in the next few months.

[eltoroit]

Thanks @ntotten. Is there something that I can do to disable the error messages? Something like this:

// tslint:disable-next-line:no-console

[ntotten]

@eltoroit The only thing that you can do is change the language type to either text or XML. The bad thing is that you will disable all the other HTML features.

[eltoroit]

@ntotten that could be a good solution, thanks. Changing to XML could be a good idea since the Lightning Aura Components are XML files with some HTML inside. What would I lose if I treat this file as XML?

[ntotten]

The big thing you lose is that you don't get code completion on standard HTML components (i.e. <div>, etc.)

[eltoroit]

Thanks

[combizs]

@ntotten, Thank you for linking my issue back to an existing issue. Any updates on the ETA?

[ghost]

The same errors (as mentioned in the issue additional info) still persist in Salesforce extension pack version 46.13.0 (dated September 5, 2019) Does anyone has any further updates on ETA ?

[ntotten]

This is a limitation of the HTML language in VS Code. It is related to https://github.com/microsoft/vscode/issues/67871

[git2gus[bot]]

This issue has been linked to a new work item: W-7432033