function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Tomasz JurekTomasz Jurek 

VSCode boattile.cmp at-rule or selector expected Aura Super Badge

I got this piece of code in Aura Sper Badge  
<aura:component >
    
    <aura:attribute name="boat" type="Boat__c"/>
    
    <lightning:button class="tile" onclick="">
        <div style="{!'background-image: url(' + v.boat.Picture__c + ')'}" class="innertile">
            <div class="lower-third">
                <h1 class="slds-truncate">{!v.boat.Contact__r.Name}</h1>
            </div>
        </div>
    </lightning:button>
    
    
</aura:component>
This F. line doesn't compile with VS Code 
<div style="{!'background-image: url(' + v.boat.Picture__c + ')'}" class="innertile">

Errors are 
} expected
at-rule or selector expected
vscode
I swear to code life was easier with Intellij and Illuminated Cloud.

Not only this component compiles in Developer Console.

I did my homework and disabled extensions
User-added image

https://github.com/styled-components/vscode-styled-components/issues/189

Am I only one claiming hard time with VS Code?
ANUTEJANUTEJ (Salesforce Developers) 
Hi Tomasz,

Please try to make sure that you have followed all the steps and also can you try in a new org, if you are still facing the issue after following all the  required steps for the badge, then the issue related to Trailhead please report it here:

https://trailhead.salesforce.com/en/help?support=home

https://trailhead.salesforce.com/help

So that our trailhead support engineers will look into it and get back to you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future.

Regards,
Salesforce Support. 
Tomasz JurekTomasz Jurek
Hi I think you completely missed the point. It is regardless of orgs.
Sames code compiles in dev console but not in VS Code and I don't know even after disabling extension that may be responsible of it.

Thanks in advance!