/static/ works in development but not when building

[JonnyBurger]

🐛 Bug Report

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.

Description

If I have an image in /static/img.png then I can link to it using <img src="/static/img.png" /> while previewing but it breaks when building and I need to change it to /img.png.

Could either remove this mechanism in dev mode or trigger a broken build because of a broken link - anything that would catch the error would be useful.

Have you read the Contributing Guidelines on issues?

Yes

[slorber]

@divyabhushan that seems unrelated, @JonnyBurger is not using a baseurl in prod: https://www.remotion.dev/

He's right, /static/img.png should not be served in dev for consistency with prod build, only /img.png should be served in dev.

Not sure where this comes from, if anyone wants to investigate, it might be in:

• https://github.com/facebook/docusaurus/blob/master/packages/docusaurus/src/webpack/base.ts#L132
• https://github.com/facebook/docusaurus/blob/master/packages/docusaurus/src/commands/start.ts#L197

[slorber]

Seems fixed by #5420

This does not work in dev: http://localhost:3000/static/img/docusaurus.png