Importing image doesn't work with basePath

What version of Next.js are you using?

v11.1.2

What version of Node.js are you using?

v14.16.1

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

Other platform

Describe the Bug

When importing image (feature introduced in Next 11) like:

import error404Image from './assets/error-404.png';

src field on imported object doesn’t take into account basePath.

So the src to image will be: http://localhost:4202/_next/static/image/...

Expected Behavior

src to image should be: http://localhost:4202/${basePath}/_next/static/image

Previously used https://www.npmjs.com/package/next-images handled that correctly.

To Reproduce

1. Create a new next application
2. Configure basePath in next.config.js
3. Import image like in “Describe the Bug” step
4. Try to
   1. console.log imported object
   2. use it in Image or img component

[Bielik20]

I have tested today with 11.1.3-canary.35 and it works great. Thank you for handling this 🙇

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.