无法获得以下代码所需的输出

Question

输出估计

.JS文件

import { LightningElement, wire } from 'lwc';
import getContactList from '@salesforce/apex/ContactController.getContactList';
export default class ApexWireMethodToFunction extends LightningElement {
contacts;
error;
@wire(getContactList)
wiredContacts({ error, data }) {
if (data) {
this.contacts = data;
this.error = undefined;
} else if (error) {
this.error = error;
this.contacts = undefined;
}
}
}

HTML文件：

<template>
<lightning-card
title="ApexWireMethodToFunction"
icon-name="custom:custom63"
>
<div class="slds-var-m-around_medium">
<template if:true={contacts}>
<template for:each={contacts} for:item="contact">
<p key={contact.Id}>{contact.Name}</p>
</template>
</template>
<template if:true={error}>
<c-error-panel errors={error}></c-error-panel>
</template>
</div>
<c-view-source source="lwc/apexWireMethodToFunction" slot="footer">
Call an Apex method that retrieves a list of records using @wire. In
this recipe, the Apex method is @wired to a component function.
</c-view-source>
</lightning-card>
</template>

APEX类-联系人控制器

@AuraEnabled(cacheable=true)
public static List<Contact> getContactList() {
return [
SELECT
Id,
Name,
FirstName,
LastName,
MailingAddress

FROM Contact
WHERE Name != NULL
WITH SECURITY_ENFORCED
LIMIT 10
];
}
}

这实际上是从GitHub粘贴的代码副本："LWC Recipes"--apexWireMethodToFunction LWC组件。

但在HTML文件中，我做了一些小的更改。我已经删除了带有错误面板组件参考的行，其余代码相同。

当我试图在我的系统中部署这些代码时，我得到了附加的图像作为输出。我不确定为什么我会得到一些未定义数据的输出。

请帮忙。

Answer 1

我的最佳选择是您的用户配置文件无法访问apex类。因此，该组件正在显示错误部分。由于我们没有看到错误组件代码，因此很难为您提供更多帮助。

您可以使用浏览器开发工具，转到网络选项卡，搜索您的apex方法调用，看看服务器的原始答案是什么。