[Bug]: Unable to debug when lazyload.

[belizariogr]

Version

System:
    OS: Windows 11 10.0.22631
    CPU: (32) x64 AMD Ryzen 9 7950X 16-Core Processor
    Memory: 17.85 GB / 31.21 GB
  Browsers:
    Edge: Chromium (127.0.2651.105)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @rsbuild/core: ^1.0.6 => 1.0.6
    @rsbuild/plugin-react: ^1.0.2 => 1.0.2
    @rsbuild/plugin-svgr: ^1.0.2 => 1.0.2
    @rsbuild/plugin-type-check: ^1.0.1 => 1.0.1

Details

Using version 1.0.x we are unanble to debug when files has more than 50 lines. If I downgrade to version 0.7.x the debug works perfectly.

Reproduce link

https://github.com/belizariogr/rsbuild-error

Reproduce Steps

Run:
npm install

go to file: src/pages/Dashboard/index.tsx and try to debug in the last lines, just like the picture.

[belizariogr]

Just to add an information: The component is lazy loading just like in the picture down below...

The file responsable to load the page is: src/core/services/UserRouter/index.tsx

[9aoy]

It seems to be related to the problem of rspack sourcemap. Try using rspack 1.0.0, the debug works perfectly. 😢

#7914

[9aoy]

Unfortunately this problem still exists in rspack v1.0.8. We still need to investigate further.

A bit of helpful information is that changing devtool from source-map to cheap-module-source-map works.

[elsassph]

We have the same problem.

I can confirm that cheap-module-source-map works for development, but not for production.

[penggang-home]

@belizariogr bro, Which theme did you use? Looks good

[belizariogr]

I use https://mui.com/