Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Meenal Sankhla 12Meenal Sankhla 12 

getting error :No MODULE named markup://ligtning:layout found : [markup://c:calci]

calci.js file is:

import { LightningElement  ,track} from 'lwc';
export default class Calculator extends LightningElement {}
-----------------------------------------------------------------------------------------
calci.html file is 
<template>
<ligtning-card title="Calci" icon-name="standard:formula">
<ligtning-layout multiple-rows>
<lightning-layout-item size="12"  padding="around-medium">
<lightning-input type="number" name="FirstNumber"></lightning-input>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-input type="number" name="SecondNumber"> </lightning-input>
        </lightning-layout-item>
        <lightning-layout-item size="12" padding="around-medium"> 
<lightning-button-group>
<lightning-button label="Add" icon-name="utility:add" icon:position="right"></lightning-button> 
<lightning-button label="Subtract" icon-name="utlity:dash"  icon:position="right"></lightning-button>
<lightning-button label="Multiply" icon-name="utlity:close" icon:position="right"></lightning-button>
<lightning-button label="Divide" icon-name="utlity:magicwand" icon:position="right"></lightning-button>
</lightning-button-group>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-formated-text value={}></lightning-formated-text>
</lightning-layout-item>
</ligtning-layout>
</ligtning-card>
</template>
--------------------------------------------------------------------------
calci.js-meta.xml file is 
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="calci">
    <apiVersion>48.0</apiVersion>
    <isExposed>true</isExposed>
    <description> Simple calculator app build with LWC</description>
    <targets>
    <target> lightning__AppPage  </target>
    <target> lightning__HomePage</target>
    <target> lightning_RecordPage</target>
    </targets>
</LightningComponentBundle>
Best Answer chosen by Meenal Sankhla 12
Sachin HoodaSachin Hooda
Hi Meenal,
It's because the last two closing tags are misspelled in your HTML file.
Please update your HTML file, 
<template>
<lightning-card title="Calci" icon-name="standard:formula">
<lightning-layout multiple-rows>
<lightning-layout-item size="12"  padding="around-medium">
<lightning-input type="number" name="FirstNumber"></lightning-input>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-input type="number" name="SecondNumber"> </lightning-input>
        </lightning-layout-item>
        <lightning-layout-item size="12" padding="around-medium"> 
<lightning-button-group>
<lightning-button label="Add" icon-name="utility:add" icon:position="right"></lightning-button> 
<lightning-button label="Subtract" icon-name="utlity:dash"  icon:position="right"></lightning-button>
<lightning-button label="Multiply" icon-name="utlity:close" icon:position="right"></lightning-button>
<lightning-button label="Divide" icon-name="utlity:magicwand" icon:position="right"></lightning-button>
</lightning-button-group>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-formated-text value={}></lightning-formated-text>
</lightning-layout-item>
</lightning-layout>
</lightning-card>
</template>
This should fix the issue.
 

All Answers

AbhishekAbhishek (Salesforce Developers) 
Hi,

Please follow the suggestions as mentioned in the below blog's,

https://salesforce.stackexchange.com/questions/257126/no-module-named-markup-cerrorpanel-found-markup-ccontactcomponent

https://success.salesforce.com/answers?id=9063A000000puLSQAY

Because they have also faced a similar issues related to yours.

Thanks.
Sachin HoodaSachin Hooda
Hi Meenal,
It's because the last two closing tags are misspelled in your HTML file.
Please update your HTML file, 
<template>
<lightning-card title="Calci" icon-name="standard:formula">
<lightning-layout multiple-rows>
<lightning-layout-item size="12"  padding="around-medium">
<lightning-input type="number" name="FirstNumber"></lightning-input>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-input type="number" name="SecondNumber"> </lightning-input>
        </lightning-layout-item>
        <lightning-layout-item size="12" padding="around-medium"> 
<lightning-button-group>
<lightning-button label="Add" icon-name="utility:add" icon:position="right"></lightning-button> 
<lightning-button label="Subtract" icon-name="utlity:dash"  icon:position="right"></lightning-button>
<lightning-button label="Multiply" icon-name="utlity:close" icon:position="right"></lightning-button>
<lightning-button label="Divide" icon-name="utlity:magicwand" icon:position="right"></lightning-button>
</lightning-button-group>
</lightning-layout-item>
<lightning-layout-item size="12"  padding="around-medium">
    <lightning-formated-text value={}></lightning-formated-text>
</lightning-layout-item>
</lightning-layout>
</lightning-card>
</template>
This should fix the issue.
 
This was selected as the best answer
Meenal Sankhla 12Meenal Sankhla 12
thanks it solves my issue.
But I am getting another issue "Unknown token: 'undefined'. Are you missing a tokens file or declaration?" while i am adding this component to my lightning page.Any suggestion regarding the issue.
 
xiref marryxiref marry

The Red Lobster Happy Hour after an exhausting day at work is a great way to get the energy boost you require. What’s not to like about it?