Even after pushing the Source files to Scrach org Iam not able to see my Lightning component under custom tab

Question

I have created Lightning Web component through SFDC CLI using VC code editor, No while successfully pushing my changes to Scratch org.I am not seeing my LWC under Custome tabs in Lightning App Builder. this is my success msg.

.html file

<template>
    <h1> Welcome to My Web Store KingLion Sports Apparel and Accessories </h1>
 </template>

.js file

import { LightningElement } from 'lwc';

export default class FirstLightningWebComonent extends LightningElement {}

.xml file

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>48.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__RecordPage</target>
        <target>lightning__HomePage</target>
        <target>lightning__AppPage</target>
    </targets>
</LightningComponentBundle>

PS C:\Users\city\LWC tutorial\force-app\main\default\lwc> sfdx force:source:push -u [email protected] -w33
Job ID | 0Af0p00000JMT68CAH
SOURCE PROGRESS | ████████████████████████████████████████ | 1/1 Components
=== Pushed Source
STATE  FULL NAME                                                 TYPE                      PROJECT PATH
─────  ────────────────────────────────────────────────────────  ────────────────────────  ──────────────────────────────────────────────────────────────────────────────────────────
Add    firstLightningWebComonent\firstLightningWebComonent.html  LightningComponentBundle  force-app\main\default\lwc\firstLightningWebComonent\firstLightningWebComonent.html
Add    firstLightningWebComonent\firstLightningWebComonent.js    LightningComponentBundle  force-app\main\default\lwc\firstLightningWebComonent\firstLightningWebComonent.js
Add    firstLightningWebComonent\firstLightningWebComonent.js    LightningComponentBundle  force-app\main\default\lwc\firstLightningWebComonent\firstLightningWebComonent.js-meta.xml

This is the screen shot for LIghtning App Builder

Answer 1

Please be sure if you have set the targets in the xml file. If not then please check below:

1. Change :

   <isExposed>false</isExposed>
   

   to:

   <isExposed>true</isExposed>
   

2. And also add:

   <targets>
        <target>lightning__AppPage</target>
        <target>lightning__HomePage</target>
        <target>lightning__RecordPage</target>
   </targets>
   

in parallel to isExposed tag. As you are using the lwc for app page so setting only first target would work.