Hi Team,

I am using @api record and @objectApiName in my ligthinging web component but the data  record id and objevt details are not  visible  on my record page .
Please find the screenshot  of account record page from the app builder page where the component i added it to the record page but it's not displaying the record id or object details .




Account record page after saving the component and refresh also i couldn't see the component in my account record page 
Js file :

import { LightningElement,api } from 'lwc';
export default class CurrentRecordAndObjectInfo extends LightningElement {
    @api recordId;
    @api objectApiName;
}

Html file :

<template>
    <lightning-card title="current Record and object Info" icon-name="standard:user">
        <div class="slds-m-around_medium">
<p> Record Id <strong>{recordId}</strong></p>
<p> Object Api Name <strong>{objectApiName}</strong></p>
  </div>
 </lightning-card>
</template>

Meta.xml file :

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


Thanks,
Vijay.