Chrome Debugger/source maps are inaccurate

[oriooctopus]

🐛 Bug Report

When using the chrome debugger, it maps to a much earlier line

Have you read the Contributing Guidelines on issues?

Yes

To Reproduce

1. Swizzle DocSidebar (it could be any component, and I believe there would still be this error)
2. Add a debugger statement (Mine was on line 202, right before the return)

You would expect it to highlight here:

But instead if starts here:

Your Environment

I ran npx @docusaurus/init@latest init my-website classic on the newest version, although I don't think it's due to any recent change... I've had this issue for at least 6 months

[ta11ey]

Recently had this same issue and fixed it by extending the custom webpack with

devtool: "source-map",

[slorber]

going to close this with PR migrating to webpack 5: #4089

let me know if you still have the issue after we migrate to webpack5