I am doing a trailhead challenge https://trailhead.salesforce.com/content/learn/modules/lightning-web-components-basics. I created a lightning web component and added it to a app page but i am unable to see the UI page in my org and any data of the default page . Please find the screenshot attached

JS file :

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';

Meta.Xml file :

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">

Html file :

        <div>Name: {name}</div>
        <div>Description: {description}</div>
        <lightning-badge label={material}></lightning-badge>
        <lightning-badge label={category}></lightning-badge>
        <div>Price: {price}</div>
        <div><img src={pictureUrl}/></div>

enter image description here

  • 1
    did you add this component on lightning page ?? Commented Apr 2, 2021 at 7:28
  • Did you try to clean a cache?
    – pincet
    Commented Apr 2, 2021 at 7:29
  • Hi , Yes i added the component to lightning page Commented Apr 2, 2021 at 7:50
  • i tried to clear the cache and refreshed the page still seeing the same issues1) Setup > Security > Session Settings > Caching. 2) Uncheck Enable secure and persistent browser caching to improve performance Commented Apr 2, 2021 at 7:50
  • I created another scratch org and i was able to see the output not sure why in case of another org Commented Apr 2, 2021 at 8:01

1 Answer 1


I tried clearing cache now and pushed the changes to the org it worked now and i can see the ouptput

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .