1

アプリを最新バージョンの NextJS (v10) に移行しようとしています。彼らは新しい画像コンポーネントを導入しました (リリース ノートを参照)。それを使用しようとすると、アプリが画像を適切に提供できません。

私の では、ルートではなくサブパスからアプリを提供できるように値をnext.config.js設定しました。basePath

const nextConfig = {
  pageExtensions: ["js", "jsx", "ts", "tsx", "mdx", "md"],
  basePath: "/an",
};

これが設定されている間、Imageコンポーネントは私の img ファイルを取得できません。それがなければ、すべてが完全に機能しますが、私のアプリは提供されません/an

画像を提供できるようにするために、srcプロパティをどのように定義すればよいですか?basePath

<Image
  src="/me.jpg" <-- This is not working with basePath
  alt="A photo of myself."
  className="rounded-full h-48 w-48 mx-auto"
  width="192"
  height="192"
/>
4

2 に答える 2