4

Create React App からアプリを Next.js に変換しています。

Next.js は AWS からイメージをロードする必要がありますが、これは起こりません。なんで?

数日前に機能しました。キャッシングの問題か何かだと思いますか?

何かアイデアはありますか?

Next.js では、アプリは次のローカル URL から画像を読み込みます。

http://localhost:3000/_next/image?url=https%3A%2F%2Fticket-t01.s3.eu-central-1.amazonaws.com%2Fob8h_0.cover.jpg&w=1200&q=100

next.config.js:

const { nextI18NextRewrites } = require("next-i18next/rewrites");

const localeSubpaths = {
  hu: "hu",
  en: "en"
};

module.exports = {
  rewrites: async () => nextI18NextRewrites(localeSubpaths),
  publicRuntimeConfig: {
    localeSubpaths
  },
  images: {
    domains: ["ticket-t01.s3.eu-central-1.amazonaws.com"]
  }
};

1 画像タグ:

<Image
  src={`https://ticket-t01.s3.eu-central-1.amazonaws.com/${props.imgId}_0.cover.jpg`}
  className={styles.imageEventMain}
  alt="main event"
  layout="responsive"
  width={1795}
  height={1000}
  quality={100}
/>;

React では、AWS やイメージの読み込みに問題はありませんでした。

編集

イメージにアクセスしようとしたときの console.log:

ここに画像の説明を入力

4

1 に答える 1