Lightning Web Component is not available in App Builder when deploying from VS code
I am used to of 'The Welkin Suite' editor for official development. I am not frequent user of VS code. Only using VS code for personal use. Yesterday I observed weird issue while deploying LWC component to my playground org. I did copy paste code(bikeCard component) from trailhead(below link) and it deployed but was not available in AppBuilder. https://trailhead.salesforce.com/content/learn/modules/lightning-web-components-basics/push-lightning-web-component-files I checked the config file and change the version as well but didn't work. Then I deploy same code based from 'The Welkin Suite' and able to see component in App Builder. Please let me know if anyone faced same issue and have solution. Otherwise I will report bug to VS code. bikeCard.html
bikeCard.js-meta.xml < >< xss="removed">bikeCard.js
import { LightningElement } from 'lwc'; export default class BikeCard extends LightningElement { name = 'Electra X4'; description = 'A sweet bike built for comfort.'; category = 'Mountain'; material = 'Steel'; price = '$2,700'; pictureUrl = 'https://s3-us-west-1.amazonaws.com/sfdc-demo/ebikes/electrax4.jpg'; }<!--?xml version="1.0" encoding="UTF-8"?-->
If you have this "Experimental: Deploy Retrieve" setting enabled in VS Code Salesforce settings you will see this behavior of isExposed not being deployed with the component to the org, effectively hiding it. If you have this setting enabled in VS Code, disable it. "salesforcedx-vscode-core.experimental.deployRetrieve": true There is an issue documented for the bug: https://github.com/forcedotcom/salesforcedx-vscode/issues/2302 Note: bikeCard.html; bikeCard.js; bikeCard.js-meta.xml. Create a project by selecting SFDX: Create Project from the Command Palette in VS Code.