Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Source is not showing #28544

Closed
sai-kola opened this issue Mar 12, 2024 · 7 comments
Closed

Source is not showing #28544

sai-kola opened this issue Mar 12, 2024 · 7 comments

Comments

@sai-kola
Copy link

if I select any component is should show source of that component but it is showing it in bundle I need source of that component
I have attached the SS check last line ,what can i do to get source, not in bundle source
Screenshot (6)

@sai-kola
Copy link
Author

should i need to do any change in setting to get actual source not source in bundle.js

@hoxyq
Copy link
Contributor

hoxyq commented Mar 12, 2024

Hey, this is a recent change in v5.0.2 of the extension - #28471.

If you want to see an actual source location of your component, your application should start shipping source maps. React DevTools will attempt to read them and will perform symbolication.

Important: React DevTools won't be able to show you the path to the source file on the disk, the original data for this is now removed from React.

@hoxyq hoxyq closed this as completed Mar 12, 2024
@sai-kola
Copy link
Author

How to do source maps

@KinIcy
Copy link

KinIcy commented Mar 13, 2024

I'm facing the same issue in my Next.js project. It by default exposes the source map on dev mode.

image

the file name is right but the line/column is wrong,

Also, it is not picking up the file/position for styled-components:

image

@pwbriggs
Copy link

@KinIcy, did you try #28544 (comment) above?

@KinIcy
Copy link

KinIcy commented Mar 13, 2024

@KinIcy, did you try #28544 (comment) above?

yes, I verified my Next.js setup and it should be exposing the source maps by default. Or at least that is what the Sources tab says in Chrome:

image

@shreeyansh-mesh
Copy link

@KinIcy, did you try #28544 (comment) above?

yes, I verified my Next.js setup and it should be exposing the source maps by default. Or at least that is what the Sources tab says in Chrome:

image

Similar thing is happening for CRA. Chrome shows source maps loaded but RDT is not able to access it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants