下一个图像配置不适用于graphcms映像

Question

我只是尝试使用图形作为我的图像资产，并将它们加载到我的下一个JS (v12.0.1)前端。但是，它只是抛出了这个hostname not configured in next.config.js错误，尽管我已经在next.config.js文件中指定了它，如下所示。

module.exports = {
  images: {
    domains: ['media.graphcms.com','media.graphassets.com'],
  }
};

我使用@apollo/client将其加载到带有此查询的组件中：

import Page from '@components/page';
import TeamMembersGrid from '@components/team-members-grid';
import Layout from '@components/layout';
import Header from '@components/header';

import { META_DESCRIPTION } from '@lib/constants';
import { gql, useQuery } from '@apollo/client';

const TEAM_MEMBERS = gql`
query TeamMember {
  teamMembers {
    phoneNumber
    name
    id
    emailAddress
    subsystem
    role
    experienceLevel
    profileImage {
      url
    }
  }
}
`;

const TeamMembers = () => {
  const { data } =useQuery(TEAM_MEMBERS);
  const team = data?.teamMembers
  const meta = {
    title: 'Raftar Formula Racing',
    description: META_DESCRIPTION
  };

  return (
    <Page meta={meta}>
      <Layout>
        <Header hero="The Crew" description={meta.description} />
        {team && <TeamMembersGrid teamMembers={team}/>}
      </Layout>
    </Page>
  );
}

export default TeamMembers

谁能告诉我这里到底有什么不对劲吗？

​

Answer 1

事实证明，将nextjs升级到12.1.14很有魅力&不，我的项目运行得很好！