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

【问题标题】：How can I turn on react-admin source maps from my app?如何从我的应用程序打开 react-admin 源映射？
【发布时间】：2021-01-05 15:10:23
【问题描述】：

我正在使用 react-admin 来构建我的应用程序，但我无法思考 react-admin 抛出的一些错误。我无法检查代码，因为 devtools 只是引用了一个 chunk.js 文件。

我在 react-admin 源代码中看到 tsconfig 文件中有一个构建源映射的选项。我可以在 node_modules 文件夹中修改它，但这绝不是一个好主意。

如何从我的应用中为 react-admin 启用源映射？

【问题讨论】：

如果你使用 webpack 来打包你的资源，添加 devtool: 'inline-source-map' 到你的配置中。还有"sourceMap": true 到您的 tsconfig。
Webpack：我使用了 react-admin 提供的教程，它使用了 create-react-app。因此，我无权访问 webpack 配置。
哦，我不做 create-react-app。所有配置都是隐藏的，当您尝试弹出时会一团糟。不能帮助你更多......对不起。尝试找到一种方法来覆盖 create-react-app webpack 配置。
我的应用不在打字稿中，所以我没有 tsconfig 文件。还是您指的是 react-admin tsconfig？或者我可以使用该设置在我的项目中创建一个 tsconfig 文件吗？我尝试克隆 react-admin 存储库并遵循构建和纱线链接步骤，但最终我的应用程序在一个循环中中断，试图一遍又一遍地下载 0.chunk.js 和 main.chunk.js 失败。
啊，有道理。我快要退出了，但希望我不需要这样做，因为我没有做太多的 webpack 配置，这似乎令人生畏。还是谢谢。

【解决方案1】：

我的结论是，按照我的描述，这并不是一个真正的 react-admin 问题。

相反，为了获得类似的结果，我执行了以下操作：

这并不理想，因为它不是您的特定应用程序，但大多数问题可以在简单示例应用程序中重新创建，以便找到发生错误的行号。

我基本上按照 readme.md 中“测试示例应用程序中的更改”标题下的说明进行操作。

我尝试使用 yarn 链接到本地克隆 react-admin 但无法使其工作，由于某种原因导致我的浏览器选项卡崩溃，最终陷入无限循环。

无论如何，希望这会对某人有所帮助。

【讨论】：