未找到名为 markup://lgc:bg 的模块：[markup://c:accountManagerApex]

Question

我创建了用于显示帐户的 LWC，并创建了一个 Lighting Web 组件和一个顶点 class，如下所示。 Html 文件

   <template>
    <lightning-card title="Showing Account(tile)">
        <template if:true={successResponse}>
            <template for:each={accounts} for:item="account">
                <li key={account.id}>
                    <div class="slds-p-around_medium lgc-bg">
                        <lightning-tile label={account.Name} href="/path/to/somewhere">
                            <p class="slds-truncate" title={account.Phone}>Account's Phone Number is : 

{account.Phone}
                            </p>
                        </lightning-tile>
                    </div>
                </li>
            </template>
        </template>
    </lightning-card>
</template>

Js.file

import { LightningElement, wire, track } from "lwc";
import allAccount from "@salesforce/apex/AcountManager.getAccount"

export default class AccountManagerApex extends LightningElement {

  @wire(allAccount)
  accountRecrd;

  successResponse (){
    if(this.accountRecrd){
      return true;
    }
    return false;
  }

}

和Class是：

public 共享 class AcountManager {

    @AuraEnabled( cacheable = true) 
    public static List<Account> getAccount(){

        return [SELECT Id,Name,Phone,Website FROM Account Limit 10];
    }
}

当我尝试使用 VSCode 部署到我的组织时，出现以下错误。

错误

force-app\main\default\lwc\accountManagerApex\accountManagerApex.js 未找到名为 markup://lgc:bg 的模块：[markup://c:accountManagerApex]

谁能告诉我如何解决这个问题/

提前致谢，

Answer 1

尝试在组件的 meta.xml 文件中设置 <isExposed>true</isExposed>

Answer 2

您有一个自定义 css class lgc-bg。请确保您的 css 文件在选择器

之前有一个句点

/* incorrect, lwc tries to find lgc:bg component */
lgc-bg : {}
/* correct */
.lgc-bg {}

未找到名为 markup://lgc:bg 的模块：[markup://c:accountManagerApex]

No MODULE named markup://lgc:bg found : [markup://c:accountManagerApex]

salesforce

salesforce-lightning

lwc