javascript - 我可以使用源映射和捆绑文件来检索原始 react 代码吗

Question

我的服务器上有这两个文件:
/react/build/static/js/stats.js
和
/react/build/static/js/main.5c7483.js
在 stats.js文件，它在底部有这一行:
//# sourceMappingURL=main.8c33616f.js.map (我注意到文件名 不匹配 )

react 应用程序运行良好，但我想做一些小改动。但是，开发人员告诉我，由于硬盘驱动器故障，他们完全丢失了原始源文件。

是否可以恢复源文件(甚至任何类似于源代码的东西？)我发现了这个 debundle包，但无法使配置正常工作。

他们告诉我这个项目是使用 create-react-app 创建的。 .

在 chrome 开发工具中，它显示“检测到源 map ” - 但使用 ctrl+p不显示任何组件。只是一些随机的 js 文件，如 page.js、inject.js、common.js 等

Answer 1

好吧，这个答案已经晚了，但以防其他人来这里寻找答案(比如我)，这就是我解决它的方法:
如果您很幸运，并且开发人员生成并上传了源 map ，那么您在访问源代码时应该没有任何问题。
我还不允许嵌入图像，因此您可能必须使用提供的图像链接来查看示例图像。
使用 Chrome(或任何现代浏览器)，浏览到托管 react 应用程序的网站。右键单击页面上的任意位置并选择 检查 . Ctrl+Shift+I 也可以。
这将打开开发工具窗口。选择来源 标签。
Image showing the inspector tabs with the Sources option highlighted
根据网站的依赖关系，您可能会在此处看到几个文件夹。第一个文件夹的标题类似于网站 URL 的名称。打开它，这就是您网站的来源所在的位置。打开该文件夹将显示另一个文件夹列表(assets、static、modules、react-components、src)。
此时，您可能认为您的源代码在 中。源 文件夹，但那不是你的。要找到您的，请打开 静态 文件夹。
Selecting the static folder
此文件夹包含三个内部文件夹: css、js 和 node_modules .您的 JS 源文件位于 中js 文件夹，以便在其中查找源代码。
Image showing the expanded js folder
就是这样了。我希望这有帮助。当我需要它时，它确实对我有帮助!