如何从我的应用程序打开 react-admin 源映射？

Question

I'm using react-admin to build my app but I'm having trouble wrapping my brain around some of the errors react-admin is throwing. I can't inspect the code because devtools just refers to a chunk.js file.

I see in the react-admin source that in the tsconfig file there is an option to build source maps. I could modify this in the node_modules folder but that's never a good idea.

How can I enable source maps for react-admin from my app?

Answer 1

My conclusion was that this is not really a react-admin issue in the way I described it.

Instead, in order to get a similar result I did the following:

1. Cloned the react-admin repo ( https://github.com/marmelab/react-admin )
2. Edit tsconfig.json to enable source maps - uncomment line "sourceMap": true
3. In a terminal run command "make run"
4. View Simple demo site at http://localhost:8080
5. Recreate issue in the Simple site in the /examples/simple folder
6. View errors with correct line numbers now that source maps are enabled

It's not ideal in that it's not your specific app, but most issue can be recreated in the simple example app in order to find the line number of where the error is happening.

I basically followed instructions under the heading "Testing Your Changes In The Example Apps" in the readme.md.

I tried using yarn link to the locally clone react-admin but wasn't able to get it to work, ended up in an endless loop for some reason that crashed my browser tab.

Anyway, hopefully this will help someone.