Salesforce LWC组件持续报错，如何解决？附关联Apex代码

原Apex代码存在的问题 #

• Account查询未处理无匹配场景：直接提取查询结果的Id，如果没有找到对应名称的Account，会抛出QueryException，导致LWC调用中断。
• Contact查询条件错误：Contact与Account的关联字段是AccountId，原代码中where Contact =: accId属于字段误用，无法正确关联数据。
• 异常处理缺失：方法内未做参数校验和空结果处理，错误会直接抛到前端引发组件报错。
• 注解配置不完善：查询类方法建议添加(cacheable=true)优化性能（若允许缓存数据）。

修正后的Apex代码 #

public with sharing class accountProvider {
    @AuraEnabled(cacheable=true)
    public static List<Contact> searchContact(Account objAcc){
        // 参数校验
        if(objAcc == null || String.isBlank(objAcc.Name)){
            return new List<Contact>();
        }
        // 查询Account并处理无结果情况
        List<Account> accList = [SELECT Id, Name FROM Account WHERE Name =: objAcc.Name LIMIT 1];
        if(accList.isEmpty()){
            System.debug('未找到匹配名称的Account');
            return new List<Contact>();
        }
        Id accId = accList[0].Id;
        System.debug('Received Account = '+objAcc);
        System.debug('Account ID '+accId);
        
        // 修正Contact查询关联条件
        List<Contact> contactList = [SELECT Id, Name, Email, Level__c FROM Contact WHERE AccountId =: accId];
        System.debug('查询到的Contacts: '+ contactList);
        return contactList;
    }
}

LWC端排查与优化要点 #

• 确保调用Apex时传入的objAcc参数结构正确，包含非空的Name字段。
• 在JS代码中添加错误捕获逻辑，避免组件崩溃：

import searchContact from '@salesforce/apex/accountProvider.searchContact';

// 调用示例
searchContact({ objAcc: { Name: '目标账户名称' } })
    .then(result => {
        // 处理返回的Contact数据
    })
    .catch(error => {
        console.error('Apex调用报错:', error);
        // 前端错误提示逻辑
    });

• 检查权限配置：确认当前用户拥有Account和Contact的读取权限，Apex类的共享规则配置正确。

内容的提问来源于stack exchange，提问作者Tribhuvan Ade