Can't add LWC component to App Page using App Builder

Question

Component name is mycmp.

mycmp.html:

<template>
   dfdsdf
</template>

mycmp.js:

import { LightningElement } from 'lwc';
    
export default class Mycmp extends LightningElement {}

mycmp.js-meta.xml:

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

I have deployed the component to my developer org. But it is missing in App Builder for App Page.

I have met the issue during completion of trailhead Use Lightning Data Service to Work with Data

Updated Jun 5, 2020: List of components from Setup -> Lightning Components:

Answer 1

Verify few things:-

masterLabel -- <masterLabel>mycmp lbl</masterLabel>

The title of the component. Appears in list views, like the list of Lightning Components in Setup, and in the Lightning App Builder and in Experience Builder.

I have seen your configuration file is having masterLabel tag, make sure your looking the name used there in App Builder. Though your component name is mycmp, component name in app page appear would be mycmp lbl

Also, check your all your lightning component in the org by following steps:-

1. From setup, enter Lightning Component in the Quick Find box, then select Lightning Component.
2. It will open a list of Component of both the type:- Aura and LWC

Answer 2

After multiple times redeployment with adding and removing new line character at the last line of the js-meta.xml file the component appeared in App Builder.