unoptimized images are not following basepath

[chandrahaas02]

Link to the code that reproduces this issue

https://github.com/chandrahaas02/portfolio

To Reproduce

by adding unoptimized : true we are also skipping basepath formatting to image src's srcs

Current vs. Expected behavior

If images are unoptimized the src= "basepath/image.png" but they are still "/image.png"

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Thu Jul 25 18:17:34 UTC 2024
  Available memory (MB): 15690
  Available CPU cores: 12
Binaries:
  Node: 18.20.2
  npm: 10.5.0
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.2.5 // Latest available version is detected (14.2.5).
  eslint-config-next: 14.2.5
  react: 18.3.1
  react-dom: 18.3.1
  typescript: 5.5.4
Next.js Config:
  output: export

Which area(s) are affected? (Select all that apply)

Image (next/image)

Which stage(s) are affected? (Select all that apply)

next build (local)

Additional context

No response

[ugursepetci]

doesn't it work that way?

[chandrahaas02]

hey @ugursepetci yeah I tried that also but it is not adding basePath so github actions for some reason want images unoptimized because this github pages build is not requesting the correct image

[samcx]

@chandrahaas02 You're referring to basePath in your next.config.mjs, correct (your is missing this)?

[chandrahaas02]

@chandrahaas02 You're referring to basePath in your next.config.mjs, correct

yeah I just avoided it there since github automatically adds that but yeah I just removed that and added it back here so that it is better visible

you can also find an open github issue actions/configure-pages#67 which is very similar

[samcx]

@chandrahaas02 You have to statically import it and move the image out of /public.

import haas from "./haas.png"

<Image src={haas} width={500} height={500} alt="me" />