当在AWS AppSync中执行列表查询时，如果控制台和代码中都出现504错误，可能是由于以下原因导致的：

1. 执行查询的数据量过大：如果您的列表查询返回的数据量非常大，超过了AWS AppSync的处理能力，可能会导致504错误。您可以尝试通过添加筛选条件、分页查询或限制返回的字段数量来减少返回的数据量。

2. 查询超时：如果您的查询需要较长时间才能完成，可能会导致504错误。您可以尝试增加查询的超时时间，以确保查询有足够的时间完成。

下面是一个使用Node.js的代码示例，演示如何通过增加超时时间来解决504错误：

const AWS = require('aws-sdk');
const appsync = new AWS.AppSync();

const params = {
  // 设置您的查询参数
  // ...
  
  // 增加查询的超时时间（单位为秒）
  clientMetadata: {
    timeout: 60 // 设置为60秒
  }
};

appsync.listGraphqlApis(params, (err, data) => {
  if (err) {
    console.log(err);
  } else {
    console.log(data);
  }
});

请注意，上述代码中的listGraphqlApis是一个示例，您需要根据您的具体查询方法进行相应的更改。

另外，如果您使用的是AWS Amplify来执行查询，您可以通过增加timeout选项来设置查询的超时时间。下面是一个使用AWS Amplify的代码示例：

import Amplify, { API } from 'aws-amplify';
import awsconfig from './aws-exports';

Amplify.configure(awsconfig);

const listGraphqlApis = async () => {
  try {
    const response = await API.graphql({
      query: 'your query',
      variables: {},
      timeout: 60000 // 设置为60000毫秒（即60秒）
    });
    console.log(response);
  } catch (error) {
    console.log(error);
  }
};

listGraphqlApis();

在上述代码中，将timeout选项设置为60000毫秒（即60秒），以增加查询的超时时间。

通过以上方法，您可以尝试解决AWS AppSync列表查询在控制台和代码中出现的504错误。请根据您的具体情况进行相应的调整和测试。