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

kmo*_*y12 4 javascript reactjs

我的服务器上有这两个文件:

/react/build/static/js/stats.js

/react/build/static/js/main.5c7483.js

在该stats.js文件中,底部有这一行:

//# sourceMappingURL=main.8c33616f.js.map(我注意到文件名不匹配

React 应用程序运行良好,但我想进行一些小的更改。然而,开发人员告诉我,由于硬盘故障,他们完全丢失了原始源文件。

是否可以恢复源文件(甚至任何类似于源代码的文件?)我找到了这个解捆绑包,但无法使配置正常工作。

他们告诉我该项目是使用create-react-app.

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

Iso*_*are 6

好吧,这个答案已经晚了,但以防万一其他人来这里寻找答案(像我一样),我是这样解决的:

如果您幸运的话,开发人员生成并上传了源映射,那么您访问源代码应该不会有任何问题。

我还不允许嵌入图像,因此您可能必须使用提供的图像链接来查看示例图像。

使用 Chrome(或任何现代浏览器)浏览到托管 React 应用程序的网站。右键单击页面上的任意位置并选择“检查”。Ctrl+Shift+I 也可以。

这将打开开发工具窗口。选择“来源”选项卡。 显示检查器选项卡的图像,其中突出显示了“源”选项

根据网站的依赖关系,您可能会在此处看到多个文件夹。第一个文件夹的标题将类似于网站 URL 的名称。打开它,这就是您网站的来源所在的位置。打开该文件夹将显示另一个文件夹列表(资产、静态、模块、反应组件、src)。

此时,您可能认为您的源代码位于src文件夹内,但那不是您的源代码所在的位置。要找到您的,请打开静态文件夹。 选择静态文件夹

该文件夹包含三个内部文件夹:css 、 js 和 node_modules。您的 JS 源文件位于js文件夹内,因此可以在其中查找源代码。 显示展开的 js 文件夹的图像

就是这样了。我希望这有帮助。当我需要的时候它确实帮助了我!