Unable to deploy the LWC to a Devhuborg

Question

I am unable to deploy/push the LWC to Devhub/scratch org. I'm getting error "The component must implement at least one of lightning__HomePage interface".

I have already added the "lightning__HomePage" tag in the js-meta.xml file. Still, I'm getting the same error message.

This is happening when my org is upgraded to Summer 19.

Please help me to resolve this issue.

Thanks in advance.

helloworld.js-meta.xml

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

helloworld.html

<template>
<div>
    HelloWorld
</div>
</template>

helloworld.js

import { LightningElement } from 'lwc';

export default class ConfigureScreen extends LightningElement {}

Answer 1

I had added the component in lightning app page. I removed it from the page, then I was able to save the Lwc. After saving I again added it to the lightning app page from the builder. It is working.

If you have added the component in any of the home pages, please remove it temporarily and try to save. You can add it back, once you save it.

Answer 2

I am also facing the same issue. I noticed a pattern in this: If you have a component and getting used on any layout or Utility bar. Then you will face this issue.

Workaround: 1. Create a wrapper component and call your above component in this wrapper component. 2. Using this you will never be working on the wrapper component directly. As soon as the error got fixed use your component on the layout.