アプリを最新バージョンの 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"
/>